码迷,mamicode.com
首页 > Web开发 > 详细

js,jq发送短信倒计时

时间:2014-11-07 14:28:14      阅读:239      评论:0      收藏:0      [点我收藏+]

标签:blog   http   io   ar   java   sp   on   art   log   

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

 

 

 

 

转自http://blog.csdn.net/yanfangphp/article/details/21469755

js,jq发送短信倒计时

标签:blog   http   io   ar   java   sp   on   art   log   

原文地址:http://www.cnblogs.com/liziqiang/p/4081170.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!