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

时间:2012-09-04 07:32:02

标签: javascript html5

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

3 个答案:

答案 0 :(得分:1)

您可以在线找到许多预制的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

答案 1 :(得分:1)

除了Charlies的答案,需要一个功能齐全的框架来完成一项简单的任务,并且根据您的要求 - 一个纯粹而简单的超时功能可以更轻松,更轻松地完成这项工作。 See this link

该链接解释了如何在javascript中创建最简单的计时器,但也会教导此方法的不准确性 - 并且还提供了如何使用Date对象创建非常准确的计时器的示例。

答案 2 :(得分:0)

这是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>