欢迎光临散文网 会员登陆 & 注册

千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip

2023-07-17 16:33 作者:李先Slx  | 我要投稿

  在js里面,有两种定时器,倒计时定时器(延时定时器) 和 间隔定时器

  1.间隔定时器

  开启间隔定时器

  - 每间隔多少时间(毫秒ms)就执行一次函数

  - 语法:window.setInterval(要执行的函数,间隔多少时间)

  var num = 1;

  var t1 = window.setInterval(function () {//每间隔1s,执行一次内部的函数。  t1:自定义的定时器的返回值,值是什么不重要,重要的是必须设置一个变量接收,才能合理的关闭。

    console.log(num);

    num++;

  }, 1000);

  关闭间隔定时器

  - 关闭以后,定时器就不会在执行了

  - 语法:window.clearInterval(要关闭的定时器返回值)

  document.onclick = function () {//点击文档,执行事件处理函数

    window.clearInterval(t1)

  }


  2.延时定时器,规定的时间后执行一次

  开启倒计时定时器  

  - 倒计时多少时间以后执行函数

  - 语法: setTimeout(要执行的函数,多长时间以后执行)

  var t2 = window.setTimeout(function () {

    console.log('你好');

    location.href = 'http://www.jd.com';//设置的跳转地址。

  }, 3000);


  关闭倒计时定时器

  - 关闭以后,定时器就不会在执行了

  - 语法:clearTimeout(要关闭的定时器返回值)

  document.onclick = function () {//点击文档,执行事件处理函数

    window.clearTimeout(t2)

  }

千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip的评论 (共 条)

分享到微博请遵守国家法律