JavaScript-203：清除setTimeout定时器

最新推荐文章于 2024-05-29 15:14:06 发布

臧小川

最新推荐文章于 2024-05-29 15:14:06 发布

阅读量1w

点赞数 1

分类专栏： JavaScript基础文章标签： javascript 前端 css3

臧小川

本文链接：https://blog.csdn.net/chuan0106/article/details/123005402

版权

JavaScript基础专栏收录该内容

240 篇文章

订阅专栏

这篇博客介绍了如何使用JavaScript监听页面加载和按钮点击事件。当页面加载完成，设置一个定时器，3秒后弹出警告框显示'我爱你'。而当用户点击按钮时，定时器会被清除，阻止警告框的显示。这是一个基本的JavaScript交互示例，展示了DOM操作和事件处理的概念。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

结构

    <button>爆炸停止吧</button>

JS

        window.addEventListener('load', function () {
            var btn = document.querySelector('button');
            var timer = setTimeout(function () {
                alert('我爱你');
            }, 3000);
            btn.addEventListener('click', function () {
                clearTimeout(timer)
            })
        })