网站优化

网站优化

Products

当前位置:首页 > 网站优化 >

学习SetInterval和setTimeout,轻松掌握JS定时器技巧!

GG网络技术分享 2026-01-01 04:24 1


什么是JavaScript的计时事件?

哦, 你们知道,就像我们等妈妈Zuo好饭一样,JavaScript也有等的时候,这个等就是计时事件。计时事件就是让JavaScript等一段时间再去Zuo一些事情。

setTimeout函数

先说说我们来说说setTimeout。这个函数就像我们的闹钟,设置一个时间,到时间了就响铃。比如 我们想等3秒后打印一句话,就可yi这样写:,我舒服了。

    setTimeout {
        console.log;
    }, 3000);
    

setInterval函数

ran后我们来kankansetInterval。这个函数就像我们每天按时吃饭一样,每隔一段时间就施行一次。比如 我们想让一个数字每秒增加1,就可yi这样写:,奥利给!

    var count = 0;
    setInterval {
        console.log;
        count++;
    }, 1000);
    

如何取消定时器?

有时候,我们不想让定时器继续工作了就需要取消它。取消setTimeout用clearTimeout,取消setInterval用clearInterval。就像我们不想再吃晚饭了就告诉妈妈我们不吃了。

    // 取消setTimeout
    clearTimeout;
    // 取消setInterval
    clearInterval;
    

一个简单的秒表例子

现在我们来Zuo一个简单的秒表。这个秒表有两个按钮,一个开始计时一个停止计时。开始计时后秒数会不断增加,泰酷辣!。

    // 开始计时
    function startTimer {
        var startTime = new Date.getTime;
        var timerId = setInterval {
            var currentTime = new Date.getTime;
            var elapsed = currentTime - startTime;
            console.log + "秒");
        }, 1000);
    }
    // 停止计时
    function stopTimer {
        clearInterval;
    }
    

tong过今天的学习, 我们了解了JavaScript中的定时器函数setTimeout和setInterval,还有如何取消它们。 不如... 这些函数让我们的JavaScript程序Neng够按照我们的计划去施行, 就像我们的生活一样,有规律、有节奏。


提交需求或反馈

Demand feedback