Javascript中的定时器
- autoload原创
- 2021-04-12 15:57:532369浏览
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中文网其他相关文章！
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn