33_JavaScript之定时器

最新推荐文章于 2024-06-10 22:18:41 发布

不掉发的程序员tj

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量165

点赞数

文章标签： javascript js

本文链接：https://blog.csdn.net/weixin_44543513/article/details/107273599

版权

在JavaScript中有两种定时器, 一种是重复执行的定时器, 一种是只执行一次的定时器

1.重复执行的定时器

<body>
    <button id="start">开始</button>
    <button id="close">关闭</button>

    <script>
        let start = document.querySelector("#start")
        let close = document.querySelector("#close")
        let id = null; // 指定定时器

        start.onclick = function() {
            id = setInterval(function() {
                console.log("Hello World");
            }, 1000)
        }

        close.onclick = function() {
            clearInterval(id);
        }
    </script>
</body>

2.只执行一次的定时器

<body>
    <button id="start">开始</button>
    <button id="close">关闭</button>

    <script>
        let start = document.querySelector("#start")
        let close = document.querySelector("#close")
        let id = null; // 指定定时器

        start.onclick = function() {
            id = setTimeout(function() {
                console.log("Hello World");
            }, 3000)
        }

        close.onclick = function() {
            clearTimeout(id);
        }
    </script>
</body>

不掉发的程序员tj

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
33_JavaScript之定时器

在JavaScript中有两种定时器, 一种是重复执行的定时器, 一种是只执行一次的定时器1.重复执行的定时器<body> <button id="start">开始</button> <button id="close">关闭</button> <script> let start = document.querySelector("#start") let close =
复制链接

扫一扫