服务热线:010-88888888
新闻中心
您的位置:首页 > 新闻中心

js 定时器的用法和消除

2021-02-11 04:00:45 浏览: 198次 来源:网络整理 作者:佚名

一、设置定时器

window对象提供了两个方式来实现定时器的疗效js定时器停止

分别是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可以是用冒号括上去的一段代码,也可以是一个函数名,到了指定的时间,系统便会手动调用该函数js定时器停止,当使用函数名作为调用句柄时,不能带有任何参数;

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

二、清除定时器

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

定时器消除的方式:clearTimeout(obj)和clearInterval(obj)。(注意对于的定时器用对于的清理方式)

老王
010-88888888