老师,图中没有循环语句怎么做到循环的,原理是什么?
来源:1-20 选择练习
精慕门2504353
2020-03-14 11:40:48
另:我加了个 停止 按钮 放了 clearTimeout 为什么不起作用!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>打开/关闭页面</title>
</head>
<body>
<input type="text" id="txt">
<input type="button" value="开始">
<input type="button" value="停止">
<script type="text/javascript">
var num=0,timer=null,
begin=document.getElementsByTagName("input")[1],
stop=document.getElementsByTagName("input")[2],
text=document.getElementById("txt");
begin.onclick=function numCount(){
text.value=num;
num=num+1;
timer=setTimeout(numCount,1000)
}
stop.onclick=clearTimeout(timer);
</script>
</body>
</html>
1回答
好帮手慕夭夭
2020-03-14
同学你好,是因为在函数numCount里面定时器中调用了numCount ,那么1s之后,又会执行numCount里面的代码,然后继续调用numCount,形成了循环的效果。
事件执行的内容要放在函数里面,否则页面打开时,代码就立马执行了,所以没有效果。如下添加函数:
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
相似问题