Javascript中定时器的示例分析

  介绍

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

<代码> Javascrip t> setInterval() ,<代码> setTimeout() ,两者都是定时器,但是二者却又各有不同,本文就带大家一起了解这两种定时器。

<强> 1. setTimeout()

设置计时器

,& lt; script>   ,,,,,,,setTimeout(凝固时间,2000);   ,,,,,,,function 凝固时间(){   ,,,,,,,,,,,,警报(“2秒时间到了“);   ,,,,,,,}      ,,,& lt;/script>

清除计时器

& lt; body>   ,,,& lt; button>按钮2 & lt;/button>   ,,,& lt; script>   ,,,,,,,const  btn=document.querySelector (“button");   ,,,,,,,let 设置=setTimeout((),=祝辞,{   ,,,,,,,,,,,警报(“已经过去三秒了“);   ,,,,,,,},,3000);   ,,,,,,,btn.addEventListener (“click" (e)=祝辞{   ,,,,,,,,,,,clearTimeout(组);   ,,,,,,,});      ,,,,,   ,,,& lt;/script>   & lt;/body>

<强> 2. setinterval()

设置计时器

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

清除计时器

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

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

Javascript中定时器的示例分析