所在的位置: js >> js发展 >> Js基础十四定时器

Js基础十四定时器

白癜风会痒痒吗 http://pf.39.net/bdfyy/bdfrczy/180913/6523046.html
1、单次定时器

语法:

//单次定时器,只能执行一次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


转载请注明:http://www.aierlanlan.com/tzrz/143.html

  • 上一篇文章:
  •   
  • 下一篇文章: