计时器

JavaScript计时器

最新推荐文章于 2025-12-04 17:39:28 发布

最新推荐文章于 2025-12-04 17:39:28 发布 · 170 阅读

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的JavaScript计时器实现方案。通过设置定时任务，每秒钟更新文本框内的数值来达到计时效果，并提供了开始与停止功能。

以下是使用javascript实现的计时器代码...

<html>

<head>
<script type="text/javascript">
var c=0
var t  //定义的两个变量

function timedCount()
 {
 document.getElementById('txt').value=c //获取要显示时间的文本框的值
 c=c+1 //c++ 每次执行时  文本框的值要加1
 t=setTimeout("timedCount()",1000) // 每隔1秒调用一次自身函数 
 }

function stopCount()
 {
 clearTimeout(t) //按下停止按钮后清楚计时器
 }
</script>
</head>

<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!" onClick="stopCount()">
</form>
</body>

</html>