<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title> </head> <body> <button>5秒后执行弹出对话框</button> <button>停止</button> <script> window.onload = function() { // 1. 获取需要的标签 var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var timer = null; // 2. 监听按钮的点击 btn1.onclick = function() { clearTimeout(timer); // 一次定时器 timer = setTimeout(function() { alert('5秒后执行弹出对话框'); }, 5000); }; btn2.onclick = function() { clearTimeout(timer); } } </script> </body> </html>
JavaScript定时器使用方法详解(2)
内容版权声明：除非注明，否则皆为本站原创文章。
转载注明出处：http://www.heiqu.com/8b984c63f65d564b971caa1cdd135eae.html