分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

js短信验证倒计时

发布时间:2023-09-06 01:45责任编辑:苏小强关键词:js

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
   *{
    margin: 0;
    padding: 0;
   }
   button{
    width: 100px;
   }
  </style>
  <script type="text/javascript">
   window.onload = function(){
    var btn = document.getElementById(‘btn‘);
    btn.onclick = function(){
     this.disabled = true;
     var count = 5;
     var timer = null;
      timer = setInterval(send,1000);
      function  send(){
      count--;
      if(count>=0){
       btn.innerHTML = ‘还剩‘+count+‘s‘;
      }
      else{
       btn.disabled = false;
       btn.innerHTML = ‘重新发送短信‘;
       clearInterval(timer);
       count=5;
      }
     }
     
    }
    
   }
  </script>
 </head>
 <body>
  <input type="text" /><button id="btn">发送短信验证</button>
 </body>
</html>

js短信验证倒计时

原文地址:https://www.cnblogs.com/verayangnakiss/p/8548911.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved