语法:
//单次定时器,只能执行一次setTimeout(function(){},time);//-参数1:function必需。函数,过time时间之后执行的业务逻辑。//-参数2:time可选。执行或调用function需要等待的时间,以毫秒ms计。默认为0。1s=ms//清除setTimeout单次定时器clearTimeout(定时器名称);
代码示例:
vartimer=setTimeout(function(){console.log("单次定时器");},);//点击按钮清除定时器varbtn=document.getElementById("btn");btn.onclick=function(){clearTimeout(timer);console.log("已经清除");}2.2、循环定时器
语法:
//循环定时器,不停歇,每过一段时间time,执行一次。setInterval(function(){},time);//参数同setTimeout//清除setInterval循环定时器clearInterval(定时器名称);
代码示例:
vartimer=setInterval(function(){alert("循环定时器");},);//点击按钮清除定时器varbtn=document.getElementById("btn");btn.onclick=function(){clearInterval(timer);}案例:设置div的宽度
html和css代码
!DOCTYPEhtmlhtmllang="en"headmetacharset="UTF-8"meta