JavaScript制作一个计时器

最新推荐文章于 2024-07-15 16:14:38 发布

渔闻520

最新推荐文章于 2024-07-15 16:14:38 发布

阅读量2.2k

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_41060905/article/details/81286510

版权

JavaScript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

利用setTimeout()和clearTimeout()方法可以很容易的在一个特定

的时间后来执行代码。前面有展示过利用这个原理制作的点钟https://blog.csdn.net/weixin_41060905/article/details/81262840。

语法：

var t=setTimeout("javascript语句，可以是某个函数",毫秒）；

这个t，即该方法的返回值很重要，在clearTimeout()中，其参数就为t，

且不能省略。

1000毫秒=1秒

clearTimeout(t);

ex：

制作一个计时器：

<html>
<head>
<script>
var c=0;
var t;
function timeCount()
{
document.getElementById('txt').value=c;
c+=1;
t=setTimeout("tmieCount()",1000);
}
function stopCount()
{
c=0;
clearTimeout(t);
}
<script>
</head>
<body>
<input type="button" value="开始计时" onClick="timeCount()">
<input type="text" id="txt" readonly>
<input type="button" value="停止计时" onClick="stopCount()">
</body>
</html>