js实现60s倒计时效果

最新推荐文章于 2024-02-03 11:02:39 发布

weixin_34120274

最新推荐文章于 2024-02-03 11:02:39 发布

阅读量1.7k

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lvxisha/p/10651590.html

版权

适用于获取验证码等其他场景，下面代码直接粘贴句可以使用

// 60s获取验证码的js与html
var timer = null;
var count = 60;
$('.box>button').click(function() {
var codeText = $('.code').text();
if (codeText == '获取验证码') {
timer = setInterval(function(){
count--;
$('.code').text(count+'后获取验证码');
if (count <=0) {
clearInterval(timer);
$('.code').text('获取验证码');
}
},1000);
}
});
html:
<!-- 60s倒计时 -->
<div class='box'>
<button class='code'>获取验证码</button>
</div>

转载于:https://www.cnblogs.com/lvxisha/p/10651590.html