JavaScript 定时器

setInterval

let timerId = setInterval(func|code, delay, arg1, arg2, ...)

按照指定的周期（单位毫秒），重复调用一个函数或执行一个代码段。setInterval() 方法如果没有被 clearInterval() 方法关闭或页面关闭，那么会一直调用下去。

setInterval的参数有多个：

参数必/选填描述func | code必填调用的函数后要执行的函数或代码字符串delay必填执行代码前所需的时间，单位为毫秒，可以不填，默认值是 0arg1，arg2…选填要传入被执行函数（或代码字符串）的参数列表

• 如果第一个参数为代码段，那么setInterval()方法可以选填。
• 如果第一个参数为函数，那么setInterval()方法可以有多个参数。

clearInterval

取消由 setInterval() 设置的 timer。

clearInterval(intervalID)

该方法只有一个参数，该参数timeoutID为您要取消定时器的标识符。该ID由相应的setTimeout()调用返回。

示例：6秒倒计时

DOCTYPE html>


    
    倒计时计时器


6

    let counter = 6;
    let show = document.getElementById("show");
    function timer() {
        let timerId = setInterval(() => {
            counter = counter -1;
            show.innerText = counter;
            if(counter DOCTYPE html>


    
    模拟邮件延迟发送



    function timer() {
        let timerId = setTimeout(() => {
            alert("开始发送消息！")
            clearTimeout(timerId);
        }, 5000);
    }

    timer();  //调用方法

结果：