小編給大家分享一下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中定時器的示例分析”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。