LOSER的预习笔记之————————停止定时器

最新推荐文章于 2024-05-04 01:10:01 发布

乱凌曦彧

最新推荐文章于 2024-05-04 01:10:01 发布

阅读量111

点赞数

分类专栏： HTML js

本文链接：https://blog.csdn.net/qq_72174695/article/details/126459619

版权

javascript

HTML 同时被 2 个专栏收录

42 篇文章 0 订阅

订阅专栏

18 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width= , initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button>点击停止定时器</button>
    <script>
        var btn = document.querySelector('button');
        var timer = setTimeout(function() {
            console.log('蹦蹦炸弹');

        }, 5000);
        btn.addEventListener('click', function() {
            clearTimeout(timer);
        })
    </script>
    <!-- 3.停止 setTimeout()定时器
    window.clearTimeout(timeout ID) -->
</body>

</html>