JS定时器

168 阅读1分钟

1、setInterval()

    语法:setInterval(函数,数字)
        函数:每次定时器从新执行的时候,要做的事情
        数字:当前定时器每隔多长时间从新执行,单位 毫秒
            数字不书写时,等同于按最快速度执行,最快为 4  ~ 20 毫秒
        返回值;
            意义:表名当前定时器 是当前页面中的第几个 定时器
            作用:利用这个返回值关闭这个定时器

image.png

2、setTimeout()

    语法:setTimeout(函数,数字)
        函数:倒计时延迟多长时间后执行的代码
        数字:倒计时延迟多长时间执行一次(只会执行一次代码),单位是毫秒
        返回值;
            意义:表名当前定时器 是当前页面中的第几个 定时器
            作用:利用这个返回值关闭这个定时器

image.png

3、关闭定时器

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

image.png

4、拓展(JS 代码的执行顺序)

    代码从上向下执行
    先将代码中同步任务执行一遍
    同步任务执行完毕后在执行异步任务
    如果代码中异步任务很多,那么先将异步任务暂存在一个任务队列中,等所有的同步任务执行完之后再去执行