使用setTimeout函数实现计时功能

最新推荐文章于 2025-05-27 08:27:52 发布

菜鸟下山

最新推荐文章于 2025-05-27 08:27:52 发布

阅读量643

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/huzijia888/article/details/78591119

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个计时器功能。通过按钮操作可以启动和停止计时器，展示了基本的DOM操作及事件处理技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<style>
</style>
<script>
var c=0;
var t;
function qi(){//将需要隐藏的元素id传递进来
var bar=document.getElementById("ti1");
bar.innerHTML=c;
c=c+1;
t=setTimeout("qi()",100);//循环调用实现间隔100ms加1计时
}
function ting(){
clearTimeout(t);//通过返回参数取消setTimeout()函数
}
</script>
<meta charset="UTF-8">
</head>
<body>
<span id="ti1">0</span><input type="button" value="启动" id="b1" onclick="qi()"><input type="button" value="停止" id="b2" onclick="ting()">
</body>
</html>