想不通,clearInterval是取消计时器,点击后计时器取消了,为什么时间会停下来呢?
首先你要理解计时器的作用,计时器好比一个懒人模式的闹钟, 懒人模式的闹钟每隔一段时间提醒一次, 而咱们的计时器每隔一段时间会获取时间并且写到input标签里; 如果你取消了计时器, 就好比你把闹钟关了, 那么这时候计时器不会再获取时间并且写到input标签里, 所以我们看到input标签里的时间就固定了; (好了,闹钟关了,该起床敲代码去了)
我的为啥停不下来
<!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)"/>
</form>
</body>
</html>
我也才学的。我的理解是:setInterval()是每次都以一定的时间去调用一次函数。如果不清除,他就一直调用下去。当你用clearInterval()清除,这个setInterval()就停止了,所以就不会再调用函数了那么显示的时间也就停止了