Javascript中的定時器
- autoload原創
- 2021-04-12 15:57:532314瀏覽
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