js短信发送剩余多少秒案例附代码教程

JavaScript短信发送剩余多少秒案例附代码教程

1. <input type="text"> <button>短信发送6秒</button>
   
2.     <script>
   
3.         var ipt = document.querySelector('input');
   
4.         var btn = document.querySelector('button');
   
5.         var time = 6;
   
6.         btn.addEventListener('click', function() {
   
7.             var timer = setInterval(function() {
   
8.                 if (time == 0) {
   
9.                     clearInterval(timer);
   
10.                     btn.innerHTML = '短信发送6秒';
    
11.                     btn.disabled = false;
    
12.                     time = 6;
    
13.                 } else {
    
14.                     btn.disabled = true;
    
15.                     btn.innerHTML = '短信发送还剩' + time + '秒';
    
16.                     time--;
    
17.                 }
    
18.             }, 1000);
    
19.         });
    
20.     </script>

复制代码

代码运行效果图：

js短信发送剩余多少秒案例附代码教程