倒计时重新发送免费获取验证码

有的时候会看到一些网站页面注册或者登录的时候，会发送一个验证码到填写的邮箱或者手机上，那么这个发送按钮怎么点击了之后给它加上倒计时的效果呢?

代码如下，在引入了JQ之后，在页面中加入这个段代码。

<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 {

            o.setAttribute("disabled", true);

            o.value="重新发送(" + wait + ")";

            wait--;

            setTimeout(function() {

                time(o)

            },

            1000)

        }

    }

document.getElementById("btn").onclick=function(){time(this);}

</script>