关注互联网应用及运维技术的个人博客

前端JQuery怎么写发送验证码?

一、引入官网JQuery的脚本语言

<script src="http://code.jquery.com/jquery-latest.js"></script>

二、发送验证码代码如下

<script src="http://code.jquery.com/jquery-latest.js"></script>
 
   <script src='js/jquery-3.4.1.js'></script>
  <script>
    $(document).ready(function(){
   $('.yzm').click(f1);
});
    var t=60;  //设置时间为60s
var time;   //定时器变量
function f1(){
t--; 
if(t==59){
//添加定时器
time=setInterval('f1()',1000);
}
if(t==49){  //如果时间少于50了,则清除定时器
//清除定时器
// alert('ok');
clearTimeout(time);
$('.yzm').html('发送验证码');
t=60;
}else{
        $('.yzm').html(t+'s');   
}
}
  </script>
  </head>
  <body>
      <button class='yzm'>发送验证码</button>
 </body>
赞(0)
未经允许不得转载:飞天狒狒 » 前端JQuery怎么写发送验证码?

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址