JavaScript学习笔记——定时器

定时器

定时器的分类

• 延迟定时器：多长时间之后执行一次 （广告弹出..）

• 间歇性定时器：每隔多长时间就执行一次 (倒计时，轮播图...)

定时器的使用

基本语法：

• 延迟定时器：setTimeout(函数,时间);

  • 函数:可以实名函数也可以是匿名函数

  • 时间：ms (单位省略)

  • setTimeout(function () {  //匿名函数  3秒后执行函数体内的代码

           console.log("我会写js啦~~~~");

    }, 3000);

• 间歇性定时器：setInterval(函数,时间);

  • 函数:可以实名函数也可以是匿名函数

  • 时间：ms (单位省略)

  • setInterval(function () { //每隔1秒执行一次函数体内的代码

          console.log("哈哈~~~~");

    }, 1000);

定时器的清除

定时器的返回值是一个唯一的数值

基本语法：

• 清除延迟定时器：clearTimeout(当前定时器返回值);

• 清除间歇性定时器：clearInterval(当前定时器返回值);

• var timer = setInterval(function () {

        console.log("哈哈~~~~");

  }, 1000);

  clearInterval(timer);