使用javascript在HTML5中运行的时间

time elapsed in html 5 using javascript

本文关键字：运行 时间 HTML5 javascript 使用      更新时间：2023-09-26

我制作了一个html5应用程序，我想在其中显示从应用程序启动到停止的时间。如何使用java脚本来完成。请列举一些例子或参考资料。

有很多预先制作的Javascript计时器，比如这个，http://bornagainprogrammer.net/2010/08/19/a-simple-stop-watch-timer-using-jquery/，您可以在网上找到。

在构建或找到一个后，将其连接以运行.ready()，然后允许用户通过按下按钮来停止它。。。

$(document).ready(function() {
  // Start timer
});

然后结束计时器

$("input[type=submit]").click(function(){
  // End timer
});

注意，上面的两个例子使用了jQuery

除了Charlies的答案需要一个功能齐全的框架来完成一项简单的任务外，根据您的需求，一个纯粹而简单的超时功能会更容易、更轻。请参阅此链接。

该链接解释了如何在javascript中创建最简单的计时器，但也将教授该方法的不精确性，并为您提供了如何使用Date对象创建非常精确的计时器的示例。

以下是javascript中创建计时器的示例：

<script>
function myFunction()
{
myTimer();
setInterval(function(){myTimer()},1000);
}
var d=new Date();
function myTimer()
{
var newd = new Date();
var diff = newd.getTime() - d.getTime();
diff = Math.floor(diff / 1000);
document.getElementById("Clock").innerHTML=diff ;
}
</script>
相关文章：