计时器

最新推荐文章于 2021-08-31 19:16:27 发布

颓默

最新推荐文章于 2021-08-31 19:16:27 发布

阅读量154

点赞数

本文介绍了一个简单的HTML页面，该页面使用JavaScript实现了一个基本的计时器功能。通过点击开始按钮启动计时器，每秒更新一次计数值；点击结束按钮则停止计时器。此示例适用于初学者理解如何在网页上进行基本的动态效果制作。

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>

</head>
<body>
<div id="result">0</div>
<span id="begain">开始</span>
<span id="stop">结束</span>
<script>
var n=0;
/*定时器*/
var begain=document.getElementById("begain");
var stop=document.getElementById("stop");
var timmer;
begain.οnclick=function(){
timmer=setInterval(function(){
n++;
document.getElementById("result").innerHTML=n;
},1000)
};
stop.οnclick=function(){
clearInterval(timmer);
}

</script>
</body>
</html>