jquery ajax|jquery 点击按钮后,倒计时60秒才能再次点击发送

更新时间:2018-01-28    来源:jquery    手机版     字体:

【www.bbyears.com--jquery】

 代码如下

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

或者这样写

 代码如下


<script type="text/javascript">
var countdown=60;
function settime(val) {
if (countdown == 0) {
val.removeAttribute("disabled");
val.value="免费获取验证码";
countdown = 60;
} else {
val.setAttribute("disabled", true);
val.value="重新发送(" + countdown + ")";
countdown--;
}
setTimeout(function() {
settime(val)
},1000)
}
</script>


有需要js倒计时的朋友也可参考

 代码如下

<script>
i=9
function change()
{
i--;
p.value="同意"+i
if(i==0)
{ p.disabled=false}
else
setTimeout("change()",1000)
}
window.onload=change;
</script>

进入111cn

本文来源:http://www.bbyears.com/wangyezhizuo/38846.html

热门标签

更多>>

本类排行