小编给大家分享一下javascript中定时器的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！Javascript中有两种定时器，分别是setInterval()、setTimeout()，两者都是定时器，但是二者
小编给大家分享一下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>看完了这篇文章，相信你对“Javascript中定时器的示例分析”有了一定的了解，如果想了解更多相关知识，欢迎关注编程网精选频道，感谢各位的阅读！
--结束END--
本文标题: Javascript中定时器的示例分析
本文链接: https://lsjlt.com/news/270710.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0