// 1.开始定时器 setInterval(函数 , 间隔时间)
const timer = setInterval(function() {
console.log('hi~')
},1000) // 每隔1秒调用
// 返回值 ID
console.log(timer)
// 清除定时器
// clearInterval(timer)
二、延迟函数
1.JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout
2.开启延迟函数语法:(setTimeout 回调函数 ,等待毫秒数)
3.清除延时函数:clearTimeout (延迟函数名称)
4.延迟函数(setTimeout)和 间隔函数 (setInterval)的区别
(1)setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window
(2)间歇函数 setInterval : 每隔一段时间就执行一次, , 平时省略window
5.注意点
(1)延时函数需要等待,所以后面的代码先执行
(2)返回值是一个正整数,表示定时器的编号
三、回调函数
1.回调函数:当一个函数当做参数来传递给另外一个函数的时候,这个函数就是回调函数(回头调用的函数)
2.作用:
(1)把函数当做参数传递给另外一个函数,这个函数就叫回调函数
(2)回调函数本质还是函数,只不过把它当成参数使用
(3)使用匿名函数做为回调函数比较常见
(4)作用是完成某些特定任务
3.事件监听的新旧版本:
(1)DOM L0 :事件源.on事件类型 = function() { }
(2)DOM L2 :事件源.addEventListener(事件类型,事件处理函数)
(3)区别:on 方式同名事件会被覆盖,addEventListener则不会,同时拥有事件更多特性,推荐使用
代码分析:
const btn = document.querySelector('button')
console.log(btn)
// 老版本(DOM L0)
// btn.onclick = function(){
// alert('111')
// }
// btn.onclick = function(){
// alert('222')
// }
// on 方式同名事件会被覆盖,addEventListener则不会,同时拥有事件更多特性,推荐使用
// 新版本 (DOM L2)
btn.addEventListener('click' , function(){
alert('333')
})
btn.addEventListener('click' , function(){
alert('444')
})