Javascript中定时器的示例分析

小编给大家分享一下Javascript中定时器的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！

创新互联基于成都重庆香港及美国等地区分布式IDC机房数据中心构建的电信大带宽，联通大带宽，移动大带宽，多线BGP大带宽租用,是为众多客户提供专业IDC机房托管报价，主机托管价格性价比高，为金融证券行业服务器托管，ai人工智能服务器托管提供bgp线路100M独享，G口带宽及机柜租用的专业成都idc公司。

Javascript中有两种定时器，分别是setInterval()、setTimeout()，两者都是定时器，但是二者却又各有不同，本文就带大家一起了解这两种定时器。

1.setTimeout()

设置计时器

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

    </script>

清除计时器

<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()

设置计时器

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

清除计时器

<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>

看完了这篇文章，相信你对“Javascript中定时器的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！

网站栏目：Javascript中定时器的示例分析
URL分享：https://www.cdcxhl.com/article24/jsicce.html

成都网站建设公司_创新互联，为您提供服务器托管、做网站、网站制作、网站导航、网站内链、关键词优化

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容