Rumah >hujung hadapan web >tutorial js >Javascript中的定时器
Javascript中的定时器
- autoloadasal
- 2021-04-12 15:57:532401semak imbas
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面试题及答案（大汇总）》
Atas ialah kandungan terperinci Javascript中的定时器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript如何修改文件内容Artikel seterusnya：javascript调用后台的方法