javascript - 如何使用Javascript制作一个在页面上显示经过时间的按钮
问题描述
希望创建一个按钮,该按钮将显示一个警报,显示在当前页面上花费的时间。
即您单击“单击我”按钮,它会在页面上弹出一个带有总经过时间的警报
到目前为止我有这个
<html>
<body>
<p> Total Elapsed Time on Page Button </p>
<input type="button" value="click me" onclick="stopTime"()>
</body>
</html>
然后我的javascript是
function stopTime() {
alert("Elapsed Time");
var startDate = new Date();
var startTime = startDate.getTime();
var date_now = new Date ();
var time_now = date_now.getTime ();
var time_diff = time_now - startTime;
var seconds_elapsed = Math.floor ( time_diff / 1000 );
}
当我单击按钮时,什么也没有发生。
我在搞砸什么?谢谢你。
解决方案
您需要在引号中保留函数括号:
var startDate;
function stopTime() {
var startTime = startDate.getTime();
var date_now = new Date();
var time_now = date_now.getTime();
var time_diff = time_now - startTime;
var seconds_elapsed = Math.floor(time_diff / 1000);
alert(seconds_elapsed+" seconds");
}
function start() {
startDate = new Date();
}
window.onload = start();
<p> Total Elapsed Time on Page Button </p>
<button onclick="stopTime()">click me</button>
推荐阅读
- google-chrome-extension - chrome 扩展的清单文件中的“content_capabilities”字段是什么?
- python - 映射函数和正则表达式?
- excel - Excel VBA - 在下面插入一行,复制公式和格式并在选择列中插入特定的默认数据
- html - 循环一个带有输入的 html 表以获取值
- python-3.x - 这是在 python 中使用 eval() 的安全方法吗?
- python - Python Flask/Django 应用程序中的热重载属性
- c# - C# SMTP 不验证凭据?
- python - 在 windows 上使用 ctypes 为 Python 创建 C Wrapper
- vue.js - 带有@click的Vuejs v-movable不起作用
- animation - d3动画多行该行无法完成