js,jquery發送短信倒計時實現代碼
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);</pre>
本文由用戶 y3c5 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!