js倒计时60s
html:
<input type="button" class="btn" value="获取验证码" onclick="clickButton(this)" />
css:
.btn { width:120px; height:40px; float:left; color: white; background-color: #3498db; border-radius: 6px; text-align: center; text-decoration: none; }
js:
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); }
效果:
本文作者: Jasmine
本文链接: https://www.jianbaizhan.com/article/557
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!