<!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> // setInterval() 闹钟 隔一段时间执行，会重复执行 var btn1 = document.getElementById('btn1'); var timerId; // 定时器的标示 btn1.onclick = function() { // 第一次执行也要先等3秒钟 timerId = setInterval(function () { console.log('早上8点了'); }, 3000); } var btn2 = document.getElementById('btn2'); btn2.onclick = function () { clearInterval(timerId); } </script> </body> </html>