首页 > 其他 > 详细

bom-setTimeout

时间:2019-08-27 14:06:59      阅读:60      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <input type="button" value="开始" id="btn1">
  <input type="button" value="取消" id="btn2">
  
  <script>
    // setTimeout()   定时炸弹   隔一段时间执行,并且只会执行一次
    // setInterval()  闹钟       隔一段时间执行,并且会重复执行
    

    // 定时器的标示
    var timerId;
    var btn1 = document.getElementById(btn1);
    btn1.onclick = function () {

      // window.setTimeout()
      // 两个参数
      // 第一个参数 要执行的函数
      // 第二个参数 间隔的时间 单位是毫秒
      // 返回值  是一个整数,是定时器的标示
      // timerId = setTimeout(function () {
      //   console.log(‘爆炸了‘);
      // }, 3000);
      // 
      timerId = setTimeout(fn, 3000);
      function fn() {
        console.log(爆炸了);
      }
    }

    var btn2 = document.getElementById(btn2);
    btn2.onclick = function () {
      // 取消定时器的执行
      clearTimeout(timerId);
    }
  </script>
</body>
</html>

 

bom-setTimeout

原文:https://www.cnblogs.com/jiumen/p/11417925.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!