JavaScript 的定时器

JavaScript 的定时器

setInterval( )

循环定时器：固定时间间隔指定一次，像闹钟一样，不关闭继续执行。

按照指定的周期（毫秒），来调用函数或计算表达式，方法会不停的调用函数

clearInterval（）：清除计时器

语法结构
setInterval（调用函数名称，执行的时间），以毫秒为单位

​setTimeout( )

炸弹定时器：只执行一次，不能执行下一次了

在指定的毫秒数后调用函数或计算表达式，清除计时器使用 clearTimeout（）

<script>
		/*JS中的定时器分为两种:
			(1)循环定时器:setInterval():循环执行(调用函数)
			(2)炸弹定时器:setTimeout(): 只执行一次*/

			var time=setInterval(function (){
				alert('不清除我一直执行');
			},3000);
			
			var time_01=setTimeout(function(){
				alert('我只执行了一次！');
			},2000)
</script>

计时器倒计时案例

<script>
    var btn = document.getElementById('btn')
    var num = 5
    var timer = setInterval(function () {
        btn.innerHTML = '请仔细阅读以上协议(' + num + ')'
        console.log(btn);
        num--
        if (num <= 0) {
            clearInterval(timer)
            btn.disabled = false
            btn.innerHTML = "同意"
        }
    }, 1000)
</script>