js: <input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wait = 60; } else { // www.jbxue.com o.setAttribute("disabled", true); o.value="重新发送(" + wait + ")"; wait--; setTimeout(function() { time(o) }, 1000) } } document.getElementById("btn").onclick=function(){time(this);} </script> jq:(js的那个在我的项目上不是很好用自己写了一个jq的) var step = 59; $('#btn').val('重新发送60'); var _res = setInterval(function() { $("#btn").attr("disabled", true);//设置disabled属性 $('#btn').val('重新发送'+step); step-=1; if(step <= 0){ $("#btn").removeAttr("disabled"); //移除disabled属性 $('#btn').val('获取验证码'); clearInterval(_res);//清除setInterval } },1000);
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8628.html