JavaScript制作一个计时器

利用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>

猜你喜欢

转载自blog.csdn.net/weixin_41060905/article/details/81286510
今日推荐