码迷,mamicode.com
首页 > Web开发 > 详细

js实现60s倒计时效果

时间:2019-04-03 22:14:29      阅读:195      评论:0      收藏:0      [点我收藏+]

标签:场景   ==   click   function   null   验证   pre   使用   div   

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

// 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>

  

js实现60s倒计时效果

标签:场景   ==   click   function   null   验证   pre   使用   div   

原文地址:https://www.cnblogs.com/lvxisha/p/10651590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!