js,jquery發送短信倒計時實現代碼

y3c5 9年前發布 | 3K 次閱讀 JavaScript 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 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!