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