LOSER预习定时器（2）————————setTimeout(定时器)

最新推荐文章于 2025-04-12 21:49:43 发布

乱凌曦彧

最新推荐文章于 2025-04-12 21:49:43 发布

阅读量84

点赞数

分类专栏： js HTML 文章标签： servlet

本文链接：https://blog.youkuaiyun.com/qq_72174695/article/details/126441806

版权

JavaScript 定时器回调函数广告隐藏延迟执行

关键词由优快云通过智能技术生成

HTML 同时被 2 个专栏收录

42 篇文章

订阅专栏

18 篇文章

订阅专栏

本文介绍如何使用JavaScript的setTimeout函数，在5秒后隐藏网页上的广告元素，通过回调函数实现延迟操作。

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

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //(2).setTimeout(定时器)
        //window.setTimeout(调用函数，【延时的毫秒数】)；
        //setTimeout()这个调用函数我们也称为回调函数callback
        //普通函数是按照代码顺序直接调用。
        //而这个函数，需要等待时间，时间到了采取调用这个函数，因此称为回调函数。、
        //简单理解：回调，就是回头调用的意思。上一件事干完，再回头再调用这个函数。
        //以前我们讲的 element.onclick=function(){} 或者 element.addEventListener（“click”，fn）；里面的函数也是回调函数。
        //案例分析  1.核心思路：5秒之后，就把这个广告隐藏起来  2.用定时器setTimeout
    </script>
</head>

<body>
    <img src=" images/ad.jpg" alt="" class="ad">
    <!-- 图片自行添加 -->
    <script>
        var ad = document.querySelector('.ad');
        setTimeout(function() {
            ad.style.display = 'none';
        }, 5000);
    </script>
</body>

</html>