老师请问一下为什么一直输出,暂停按钮没有用呢。浏览器有bug吗

老师请问一下为什么一直输出,暂停按钮没有用呢。浏览器有bug吗

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>setInterval()</title>

        <style type="text/css">

            div{

                width:300px;

                height:300px;

                border:1px solid #333;

            }

        </style>

    </head>

    <body>

        <input type="button" value="开始" id="btn">

        <input type="button" value="暂停" id="stop">

        <br><br>

        <div id='text'></div>

        <script type="text/javascript">

           //补充代码

           var btn = document.getElementById('btn')

           var stop = document.getElementById('stop')

           var text = document.getElementById('text')

           var timer = null

           var txtAdd = function(){

             text.innerHTML += "hello "

              

           }

           btn.onclick =function() {

               timer = setInterval(txtAdd,1000)

           }

           stop.onclick = function(){

               console.log("hh")

               clearInterval(timer)

           }

        </script>

    </body>

</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2019-04-16 17:16:22

@尤尼酱,同学你好,这里可以设置一个变量,来控制次数哦,当到这个满足这个值是,调用清除计时器的函数,例:

http://img1.sycdn.imooc.com//climg/5cb59d1400011a8306140714.jpg

另,建议:新的问题,同学可以新建问题进行提问哦,便于后期复习的时候,进行总结。

祝学习愉快!


Miss路 2019-03-24 14:54:23

同学,你好。没有问题啊,你实现的效果是可以实现开始和暂停功能的,你用的什么浏览器呀?老师用谷歌和火狐都是没问题的,建议你用这两个浏览器。

如果帮助到了你,欢迎采纳!

祝学习愉快!

  • 老师我想判断输出10次后就暂停怎么做呢
    2019-04-16 16:53:42
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师