您的位置是:网站首页>Javascript编程Javascript编程

Javascript中的定时器

少儿编程网2021-09-29 15:53:24Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介Javascript中有两种定时器,分别是setInterval()、setTimeout(),两者都是定时器,但是二者却又各有不同,本文就带大家一起了解这两种定时器。1.setTimeout()设置计时器<script>setTimeout(setTime,2000);function

iOx少儿编程网-https://www.pxcodes.com

Javascript中有两种定时器,分别是setInterval()setTimeout(),两者都是定时器,但是二者却又各有不同,本文就带大家一起了解这两种定时器。iOx少儿编程网-https://www.pxcodes.com

1.setTimeout()iOx少儿编程网-https://www.pxcodes.com

设置计时器iOx少儿编程网-https://www.pxcodes.com

 <script>
        setTimeout(setTime,2000);
        function setTime(){
             alert("2秒时间到了");
        }

    </script>

清除计时器
iOx少儿编程网-https://www.pxcodes.com

<body>
    <button>按钮2</button>
    <script>
        const btn=document.querySelector("button");
        let set=setTimeout(() => {
            alert("已经过去三秒了");
        }, 3000);
        btn.addEventListener("click",(e)=>{
            clearTimeout(set);
        });

      
    </script>
</body>

2.setInterval()iOx少儿编程网-https://www.pxcodes.com

设置计时器iOx少儿编程网-https://www.pxcodes.com

<script>
        setInterval(setInter, 3000);
        function setInter(){
             console.log("我被周期性3s时间打印");
        }
    </script>

清除计时器iOx少儿编程网-https://www.pxcodes.com

<body>
    <button>按钮1</button>
    <script>
        const btn=document.querySelector("button");
        let set=setInterval(setInter, 3000);
        btn.onclick=(e)=>{
            clearInterval(set);
        };
        function setInter(){
             console.log("我被周期性3s时间打印");
        }
    </script>
</body>

推荐:《2021年js面试题及答案(大汇总)》

以上就是Javascript中的定时器的详细内容,更多请关注少儿编程网其它相关文章!iOx少儿编程网-https://www.pxcodes.com

来源:php中文网iOx少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

Javascript中的定时器

      匿名评论
    • 评论
    人参与,条评论
    Javascript中的定时器

微信公众号

免费视频教程

先知道