您的位置:首页 > Web前端 > JavaScript

js,jq发送短信倒计时

2014-03-18 17:03 239 查看
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);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jq js 短信 倒计时