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

时间:2022-09-01 10:14:57

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

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