setTimeout和setInterval

98 阅读1分钟

JS执行定时任务,通常用setTimeout和setInterval, 固定在某个时间点执行任务,用setTimeout,以下是一个例子。

setTimeout(func|code,delay); 第一个参数表示将要推迟的函数名或者一段代码,第二个参数表示推迟执行的毫秒数

setInterval(func|code,delay); setInterval是一个实现定时调用的函数,可按照指定的周期(以毫秒计)来调用函数或计算表达式 setInterval方法会不停地调用函数,直到clearInterval

setTimeout运用: function sleep(time) { return new Promise((R, J) => { setTimeout(() => { console.log(time) R() }, time * 1000) }) } const fn = async() => { await sleep(1) await sleep(2) await sleep(3) }

fn()

执行结果 : 1(1秒后执行) 2(2秒后执行) 3(3秒后执行)

setInterval运用: function clock(){ var t = new Date(); document.getElementById('clock').value = t; } var timer = setInterval(clock, 50); var stop = document.getElementById('stop'); stop.onclick = function(){ clearInterval(timer); }