返回顶部

前端入门知识:JS-3

JS定时器

js 定时器有以下两个方法:

  • setInterval() :按照指定的周期(以毫秒计)来调用函数或计算表达式。方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。
  • setTimeout() :在指定的毫秒数后调用函数或计算表达式。

setInterval()语法:

setInterval(code,millisec,lang)

参数

描述

code

必需。要调用的函数或要执行的代码串。

millisec

必须。周期性执行或调用 code 之间的时间间隔,以毫秒计。

lang

可选。 JScript | VBScript | JavaScript

setTimeout()语法:

setTimeout(code,millisec,lang)

参数

描述

code

必需。要调用的函数后要执行的 JavaScript 代码串。

millisec

必需。在执行代码前需等待的毫秒数。

lang

可选。脚本语言可以是:JScript | VBScript | JavaScript

清除定时器

clearInterval(obj),对应setInterval()定时器。

var intervalBox = setInterval(function(){
    console.log(intervalBox);//打印interval定时器,查看interval定时器效果
}, 1000);
clearInterval(intervalBox);//清除interval定时器

clearTimeout(obj),对应setTimeout()定时器。

var timeoutBox = setTimeout(function(){
    console.log(timeoutBox);//打印interval定时器,查看interval定时器效果
}, 1000);
clearTimeout(timeoutBox);//清除timeout定时器

setTimeout()只执行一次,而setInterval()会循环调用。因setInterval()有缺陷,我们通常会用setTimeout()调用自身实现循环来代替setInterval()。

posted @ 2021-12-10 11:39  北辰、  阅读(47)  评论(0)    收藏  举报