bom-setTimeout

<!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

最新文章

热门文章
