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

JS实现自动倒计时30秒后按钮才可用

2015-10-27 13:17 666 查看

用户激活短信通道向用户手机发送验证码短信以验明正身

<form action="http://www.helloweba.com/" method="post" name="myform"> 
    <input type="button" class="button" value="获取手机验证码"  name="phone" onclick="showtime(30)"> 
</form> 
script> 
function showtime(t){ 
    document.myform.phone.disabled=true; 
    for(i=1;i<=t;i++) { 
        window.setTimeout("update_p(" + i + ","+t+")", i * 1000); 
    } 
 
} 
 
function update_p(num,t) { 
    if(num == t) { 
        document.myform.phone.value =" 重新发送 "; 
        document.myform.phone.disabled=false; 
    } 
    else { 
        printnr = t-num; 
        document.myform.phone.value = " (" + printnr +")秒后重新发送"; 
    } 
} 
</script> 

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息