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

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

代码如下，在引入了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>