为何停止后重新计时就不生效呢
TomKwan
2021-05-23 23:15
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
var i=setInterval(clock,100);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)" />
<input type="button" value="Start" onclick="clock()">
</form>
</body>
</html>
4回答
-
- Elthen
- 2022-12-26 10:59:10
你start按钮给的函数是clock()，而clock()只记录你点击按钮那一瞬间的时间；要想继续计时就得加上setInterval()函数每隔1秒刷新一次显示时间。
-
- 慕先生6547492
- 2022-04-07 21:55:10
换本地编辑器 -
- 呵呵没名字
- 2021-11-26 14:09:35
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
function clock(){
var time=new Date();
document.getElementById("clock").value = time;
}
var i = setInterval(clock, 1000);
function start(){
i = setInterval(clock, 1000);
}
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" />
<input type="button" value="Stop" onclick="clearInterval(i)"/>
<input type="button" value="Start" onclick="start()"/>
</form>
</body>
</html>
-
- qq_慕沐6353425
- 2021-07-05 14:42:22
wujie
JavaScript进阶篇
468726 学习 · 22053 问题
相似问题