jquery倒计时制作

Posted 周先生66

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery倒计时制作相关的知识,希望对你有一定的参考价值。

.btn {
width:120px;
height:40px;
float:left;
color: white;
background-color: #3498db;
border-radius: 6px;
text-align: center;
text-decoration: none;

}
<input type="button" class="btn" value="获取验证码" onclick="clickButton(this)"><script>
function clickButton(obj){

var obj = $(obj);
obj.attr("disabled","disabled");
var time = 60;
var set=setInterval(function(){
obj.val(--time+"(s)");
}, 1000);

setTimeout(function(){
obj.attr("disabled",false).val("重新获取验证码");
clearInterval(set);
}, 60000);
}

以上是关于jquery倒计时制作的主要内容,如果未能解决你的问题,请参考以下文章

订单用jquery实现倒计时怎么写

jquery实现倒计时效果

js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证邮件

AndroidStudio项目制作倒计时模块

jquery实现手机发送验证码的倒计时代码

jQuery自适应倒计时插件