JavaScript计时器实例 js中setTimeout实现计时器

发布时间:2020-04-18编辑:脚本学堂
本文介绍了js中setTimeout实现计时器的一个例子,js中setTimeout的用法,有需要的朋友参考下。

例子,setTimeout实现一个简单的计时器。
 

推荐:javascript计时器工作原理
 

复制代码 代码示例:

<!DOCTYPE html>
<html>
<head>
<script>
var c=0;
var t;
var timer_is_on=0;

//js计时器代码
function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}

function doTimer()
{
if (!timer_is_on)
  {
  timer_is_on=1;
  timedCount();
  }
}
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="doTimer()">
<input type="text" id="txt">
</form>
<p>Click on the button above. The input field will count forever, starting at 0.</p>
</body>
</html>