html之事件传播机制和定时器

事件传播机制：当元素嵌套且绑定相同类型事件时，会自动触发其父辈绑定的事件

阻止事件传播

//阻止事件传播
var box = document.querySelector(".box")  
box.onclick=function(e){}
e.stopPropagation()

监听事件

//添加事件监听器
//box.addEventListener(事件类型,事件函数,事件传播阶段) 
var child = document.querySelector(".child")  //孩子
var parent = document.querySelector(".parent") //父亲
var grandpa = document.querySelector(".grandpa")  //爷爷
child.addEventListener("onclick",function(){},false)     //默认false，为冒泡阶段；true，为捕获阶段
//加上之后则执行到child就不会自动执行父亲和爷爷的点击事件

周期定时器和延迟定时器

setInterval(function,time)：周期定时器   function指执行函数，time指时间间隔，单位是毫秒

clearInterval(定时器标志变量) ：定时器停止

setTimeout(function,time)：延迟定时器   function指执行函数，time指时间间隔，单位是毫秒

clearTimeout(定时器标志变量) ：定时器停止