繁體
首页 >> 综合精选 >

Javascript中的定时器

2022-11-08 16:36:01 来源： 用户： 

跟大家讲解下有关Javascript中的定时器，相信小伙伴们对这个话题应该也很关注吧，现在就为小伙伴们说说Javascript中的定时器，小编也收集到了有关Javascript中的定时器的相关资料，希望大家看到了会喜欢。

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>

推荐：《2021年js面试题及答案（大汇总）》

以上就是Javascript中的定时器的详细内容，更多请关注php中文网其它相关文章！

来源：php中文网

　　免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！

 
分享：
相关阅读
 
最新文章
大家爱看
频道推荐
站长推荐

关于我们| 联系方式| 版权声明| 免责声明|