定时器

以毫秒的计算   定时器setTimeout( )
<script>
    // 以毫秒的计算   定时器setTimeout( )
    // 第一种方法
    setTimeout(function () {
      console.log("三秒钟到了");
    }, 3000);
  
  </script>
<script>
  
    // 第二种方法
    function adc() {
      console.log("爆炸了");
    }
    setTimeout(adc, 3000);
  </script>

 

 
 点击按钮停止定时： clearTimeout()
复制代码
 <body>
    <button>停止</button>
    <img src="/img/images/4.jpg" alt="" />
  </body>
  <script>
    var ad = document.querySelector("img");
    var at = setTimeout(function () {
      ad.style.display = "none";
    }, 4000);
    var btn = document.querySelector("button");
    btn.addEventListener("click", function () {
      clearTimeout(at); //停止定时器(需要停止的定时器的名字)
    });
  </script>
复制代码

 

 
 回调函数以及5秒之后自动关闭的广告 ：
 
 setTimeout( ) 这个函数我们也称为回调函数callback
    普通函数是按照代码顺序直接调用的
    而这个函数，需要的等待时间，时间到了才去调用这个函数，因此也称为回调函数
    简单理解：回调就是回头调用的意思。上一件事干完，再回头在调用这个函数

 

复制代码
  <body>
    <img src="/img/images/3.jpg" alt="" />
  </body>
  <script>
     var ad = document.querySelector("img");
    setTimeout(function () {
      ad.style.display = "none";
    }, 2000);
  </script>
复制代码

 

 
 
 
 
 

 

posted @   罗砂  阅读(59)  评论(0)  编辑  收藏  举报
相关博文：
· 关于回调函数
· 清除定时器
· 定时器的回调函数
· 定时器 setTimeout() 和 setInterval()
· 定时器-[setTimeout、回调函数、停止计时器、setInterval( )、]
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具
点击右上角即可分享
微信分享提示
AI IDE Trae