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);

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/8628.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论