Hello 杨先生
- <body>
- <input type="button" value="start" onclick="start()">
- <input type="button" value="stop" onclick="stop()">
- <h1>10</h1>
- <script>
- // // 一次性定时器
- // setTimeout(function () {}, 1000);
- // // 周期定时器 需要手动清除
- // var t = setInterval(function () {}, 1000);
- // clearInterval(t); // 手动清除定时器
- var myH1 = document.getElementsByTagName("h1")[0];
- var myInput = document.getElementsByTagName("input");
- var t;
- var n = 10;
- function start() {
- // var n = 10;
- myInput[0].setAttribute("disabled", true);
- t = setInterval(function () {
- myH1.innerText = --n;
- if (n == 0) {
- clearInterval(t);
- alert("倒计时自动结束");
- }
- }, 1000)
- }
- function stop() {
- // if (n> 1) {
- alert("已经手动暂停定时器");
- clearInterval(t);
- // } else if (n == 1) {
- // alert("计数器已经到达零");
- // }
- myInput[0].removeAttribute("disabled");
- if (myH1.innerhtml == 0) {
- // alert("计数器已经到达零");
- myH1.innerHTML = 10;
- n = 10;
- }
- }
- </script>
- </body>
来源: http://www.jianshu.com/p/2f62fac842dd