扩展代码|  常用工具|  常用框架|  站内项目|  常用地址|  代码规范| 关于我们

js 定时器的用法和清除

所属分类:Js/Jquery

 2020-07-08 16:33  1026  0  0  0

     window对象提供了两个方法来实现定时器的效果,分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下:

 

      window.setTimeout(code,millisec);


var i = 0; //设置定时器(循环去执行) var timeId = setInterval(function () {
      i++;
      console.log('定时运行:' + i + '次')
    }, 500) //清理定时器 my$('btn').onclick = function () {
      window.clearInterval(timeId)
    }

window.setInterval(code,millisec);


var i = 0; //设置定时器(一次性定时器) var timeId = setTimeout(function () {
      i++;
      console.log('定时运行:' + i + '次')
    }, 500) //清理定时器(这个定时器虽然只有一次,但是也得清理 既可以释放内存,也可以便于后边代码的判断。) my$('btn').onclick = function () {
      window.clearTimeout(timeId)
    }

 其中,code可以是用引号括起来的一段代码,也可以是一个函数名,到了指定的时间,系统便会自动调用该函数,当使用函数名作为调用句柄时,不能带有任何参数;

而使用字符串时,则可以在其中写入要传递的参数。两个方法中的第二个参数是millisec,表示延时或者重复执行的毫秒数。


由于定时器在调用时,都会返回一个整形的数字,该数字代表定时器的序号,即第多少个定时器,所以定时器的清除要借助于这个返回的数字。

   定时器清除的方法:clearTimeout(obj)和clearInterval(obj)。


如有帮助请打赏一下,分分是爱!!!
微信打赏
相关分类推荐
js 获取两个时间戳之间相隔多少天多少小时多少分多少秒

js 获取两个时间戳之间相隔多少天多少小时多少分多少秒

js 获取两个时间戳之间相隔多少天多少小时多少分多少秒.
  Js/Jquery
 1516  0  0
Js常用语句学习

Js常用语句学习

Js常用语句学习,像js获取html属性,获取界面高度,处理鼠标悬浮div显示位置,控制动态效果等等。项目中常用到的好的js语句,记录学习,持续更新中。
  Js/Jquery
 1022  0  0
js解决浏览器中Backspace按键回退页面问题

js解决浏览器中Backspace按键回退页面问题

用户在进行表单的信息填写,不经意在浏览器空白处点击了【Backspace】按键,退到了登录界面,问题解决
  Js/Jquery
 1299  0  0
Ajax请求数据格式

Ajax请求数据格式

相关Ajax请求格式详解,返回JSON格式和TEXT格式
  Js/Jquery
 1208  1  1

评论这篇文章(0

  • 楼主 xcSharp博客
学习永无止境,活到老,学到老,书山有路勤为径,学海无涯苦作舟;业精于勤荒于喜,行成于思毁于随