javascript - 使用javascript在html 5中经过的时间

Question

我制作了一个 html5 应用程序，我想在其中显示从应用程序开始经过的时间，并且应该在我想要的时候停止。如何使用java脚本来做到这一点。请举一些例子或参考。

Answer 1

除了 Charlies 的答案，它需要一个功能齐全的框架来完成一项简单的任务，并且根据您的要求 - 一个纯粹而简单的超时功能可以更轻松地完成这个技巧并且重量更轻。请参阅此链接。

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

Answer 2

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

在您构建或找到一个之后，将其附加到 run .ready()，然后允许用户通过按下按钮来停止它...

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

然后结束计时器

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

_{请注意，上面的两个示例使用jQuery。}

Answer 3

这是一个创建计时器的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>