手机验证码

小孙同志在学习

已于 2023-05-15 20:58:39 修改

阅读量189

点赞数 2

文章标签： javascript java 前端

于 2023-05-15 20:37:36 首次发布

本文链接：https://blog.csdn.net/weixin_69491512/article/details/130692272

版权

这段代码展示了如何使用HTML和JavaScript创建一个网页，其中包含一个输入框用于手机号和一个按钮。当用户点击按钮后，按钮会进入禁用状态，并开始5秒倒计时。倒计时期间，按钮文本更新显示剩余秒数。倒计时结束后，按钮恢复启用，文本变为‘点击重新获取’。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title></title>
 </head>
 <body>
  <span>手机号</span>
  <input type="text">
  <button>点击获取</button>
  <script>
   var btn=document.getElementsByTagName("button");
   btn[0].onclick=function(){
    var t=5;
    btn[0].disabled=true;
    function f(){
     t--;
     btn[0].innerHTML=t+"s秒";
     if(t==0){
      clearInterval(timer);
      btn[0].innerHTML="点击重新获取";
      btn[0].disabled=false;
     }
     
    }var timer=setInterval(f,1000);
   }
   
  </script>
 </body>
</html>