setTimeout() 炸弹定时器
开启定时器
window.setTimeout(调用函数,[延迟的毫秒数])
setTimeout()这个调用函数我们也称为回调函数callback
注意:
1.window可以shenglue
2.这个调用函数可以直接谢函数,或者谢函数名或者采取字符串
3.延迟的毫秒数省略默认是0,如果写必须是毫秒
<script>
// setTimeout(function(){
// alert('早上好')
// },5000)
function callback() {
alert('早上好')
}
var time1 = setTimeout(callback,2000)
var time2 = setTimeout(callback,5000)
</script>
停止定时器
window.clearTimeout(timeoutID)
clearTimeout()方法取消了先前通过调用setTimeout()建立定时器
注意:
1.window可以省略
2.里面的参数就是定时器的标识符。
<script>
window.addEventListener('load', function () {
var div = document.querySelector('div')
function close() {
div.style.display = 'none'
}
var timer = setTimeout(close, 5000)
let btn = document.querySelector('button')
//cearTimeOut(timer) timer: setTimeOut函数的返回值
btn.addEventListener('click',function(){
//取消定时
clearTimeout(timer)
})
})
</script>
<div>广告</div>
<button>取消定时</button>
setInterval() 闹钟定时器
开启定时器
window.setInterval(回调函数,[间隔的毫秒数])
setInterval()方法重复调用一个函数,每隔这个时间,就去调用一次回调函数
注意:
1.window可以shenglue
2.这个调用函数可以直接谢函数,或者谢函数名或者采取字符串
3.延迟的毫秒数省略默认是0,如果写必须是毫秒
4.第一次执行也是间隔毫秒数之后执行,之后每隔毫秒数就执行一次
<script>
window.onload = function () {
let div = document.querySelector('div')
let num = 0
setInterval(function () {
div.innerHTML = num++
},3000)
}
</script>
<div></div>
停止定时器
window.clearInterval(intervalID)
clearInterval()方法取消了先前通过调用setInterval建立的定时器