js发送短信验证码倒计时效果

青旅半醒 2023-07-16 03:38 115阅读 0赞

在这里插入图片描述
在这里插入图片描述

  1. <input type="number"><button class="send">发送</button>
  2.  var send = document.querySelector('.send')
  4.         var timer6 = null
  5.         send.addEventListener('click', function () { 
  6.             this.disabled = true
  7.             var time = 3
  8.             timer6 = setInterval(function () { 
  9.                 console.log(time)
  10.                 if (time == 0) { 
  14.                     clearInterval(timer6)
  15.                     send.disabled = false
  16.                     send.innerHTML = '发送'
  18.                 } else { 
  19.                     send.innerHTML = '还剩下' + time + '秒'
  20.                     time--
  21.                 }
  23.             }, 1000)
  24.         })

发表评论

表情：
评论列表 （有 0 条评论，115人围观）

还没有评论，来说两句吧...

相关阅读