javaScript：计时

最新推荐文章于 2023-02-25 18:32:46 发布

CocoaCarson

最新推荐文章于 2023-02-25 18:32:46 发布

阅读量233

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/zhxh1636/article/details/79333493

版权

JavaScript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

计时事件

在JavaScript中使用计时事件是很容易的，Window对象的两个关键方法
setInterval()间隔指定的毫秒数不停地执行指定的代码。
setTimeout()暂停指定的毫秒数后执行指定的代码。

setInterval()

开始计时

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var timer; // 用于停止

        function startTimer() {
            timer = setInterval(function () { timerAction() }, 1000);
        }

        function timerAction() {
            var date = new Date();
            var time = date.toLocaleTimeString();
            document.getElementById("demo").innerHTML = time;
        }
    </script>
</head>
<body>
    <button onclick="startTimer()">计时开始</button><br>
    <p id="demo"></p>
</body>
</html>

停止计时

function stopTimer() {
    clearInterval(timer);
}

setTimeout()

开始延迟

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        var timeOut; // 用于关闭
        function startTimeout() {
            timeOut = setTimeout(function () { alert("hello") }, 5000);
        }
    </script>
</head>
<body>
    <button onclick="startTimeout()">开始</button>
</body>
</html>

停止延迟

function stopTimeout() {
    clearTimeout(timeOut);
}

解释：停止延迟后弹框不再弹出。

CocoaCarson

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript：计时

计时事件在JavaScript中使用计时事件是很容易的，Window对象的两个关键方法 setInterval()间隔指定的毫秒数不停地执行指定的代码。 setTimeout()暂停指定的毫秒数后执行指定的代码。setInterval()开始计时&lt;!DOCTYPE html&gt;&lt;html lang="zh-cn"&gt;&lt;head&gt; ...
复制链接

扫一扫