老师,图中没有循环语句怎么做到循环的,原理是什么?

来源: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,形成了循环的效果。

http://img.mukewang.com/climg/5e6c79430939e44805920266.jpg

事件执行的内容要放在函数里面,否则页面打开时,代码就立马执行了,所以没有效果。如下添加函数:

http://img.mukewang.com/climg/5e6c79ff09a5af4d04680109.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程