There are two timers in Javascript, namely setInterval() and setTimeout(), both Both are timers, but they are different. This article will take you to understand these two timers.
1.setTimeout()
Set timer
<script>
setTimeout(setTime,2000);
function setTime(){
alert("2秒时间到了");
}
</script> Clear timer
<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()
Set the timer
<script>
setInterval(setInter, 3000);
function setInter(){
console.log("我被周期性3s时间打印");
}
</script>Clear the timer
<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>Recommended: "2021 js interview questions and answers (large summary)"
The above is the detailed content of Timers in Javascript. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
