码迷,mamicode.com
首页 > 其他好文 > 详细

发送短信——案例

时间:2020-05-24 19:20:40      阅读:60      评论:0      收藏:0      [点我收藏+]

标签:alt   sele   --   rip   cli   lis   idt   inpu   inner   

案例:点击按钮后,该按钮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>

 

发送短信——案例

标签:alt   sele   --   rip   cli   lis   idt   inpu   inner   

原文地址:https://www.cnblogs.com/guwufeiyang/p/12952172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!