jQuery实现倒计时按钮功能代码分享

网络编程发布日期：2025/11/18 浏览次数：1

正在浏览：jQuery实现倒计时按钮功能代码分享

代码一：

{ 
 wait:90,
 
 hsTime:function(that){
 
   if (this.wait == 0) { 
    $('#hsbtn').removeAttr("disabled").val('重发短信验证码');   
    this.wait = 90; 
   } else { 
    var _this = this;
    $(that).attr("disabled", true).val('在'+_this.wait+'秒后点此重发');
    _this.wait--; 
    setTimeout(function() { 
     _this.hsTime(that); 
    }, 1000) 
   } 
  },
}

代码二:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.1.min.js">

代码三：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>10之后注册</title>
 <script src="/UploadFiles/2021-04-02/jquery-1.6.2.min.js">

代码四：


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title></title>
 <script src="/UploadFiles/2021-04-02/jquery-1.4.1.min.js">

代码五：


最近在写短信发送验证码，就写了个js/jquery倒计时发送验证码按钮
<script language="javascript" src="/UploadFiles/2021-04-02/jquery-1.7.1.min.js">



        
        
            上一篇：使用Nodejs开发微信公众号后台服务实例
            下一篇：jQuery自带的一些常用方法总结