案例：点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 </head>
7 <body>
8 手机号码：<input type="number" /><button>发送</button>
9 <script>
10 var btn = document.querySelector('button');
11 var time = 3;
12 btn.addEventListener('click', function(){
13 btn.disabled = true;
14 var timer = setInterval(function() {
15 if (time == 0) {
16 // 清除定时器和复原按钮
17 clearInterval(timer);
18 btn.disabled = false;
19 btn.innerHTML = '发送';
20 } else {
21 btn.innerHTML = '还剩下' + time + '秒';
22 time--;
23 }
24 }, 1000);
25 })
26 </script>
27 </body>
28 </html>