1.遇到閱讀協(xié)議時的倒計(jì)時
<!--html 倒計(jì)時確定 -->
<input type="button" id="bt" value="請仔細(xì)閱讀協(xié)議(5)" disabled="true" />
<script type="text/javascript">
var time = 5, //計(jì)數(shù)器
timer=null; //定時器
window.onload = function(){
var bt = document.getElementById('bt')
timer = setInterval("daojishi()", 1000);//執(zhí)行方法
}
function daojishi() {
if(time <= 1) {
bt.value = "確定";
bt.removeAttribute("disabled");//刪除按鈕disabled屬性
clearInterval(timer);//清除定時器
return;
}else{
time--;
bt.value = ("請仔細(xì)閱讀協(xié)議(" + time +")");
}
}
</script>
第二種獲取驗(yàn)證碼缚柳，傳參的方式,這個方法沒有點(diǎn)擊延遲
<!-- 獲取驗(yàn)證碼 -->
<input type="button" value="免費(fèi)獲取驗(yàn)證碼" onclick="settime(this)"/>
<script>
var countdown=5;//計(jì)數(shù)器
function settime(val) {//方法里面?zhèn)鲄?shù)
if (countdown == 0) {
val.removeAttribute("disabled");//指向按鈕本身
val.value="免費(fèi)獲取驗(yàn)證碼";
countdown=5;
} else {
val.setAttribute("disabled", true);
val.value="重新發(fā)送(" + countdown + ")";
countdown--;
setTimeout(function() {
settime(val)
},1000)
}
}
</script>
第三章普通的方法,這種方法點(diǎn)擊有延遲
<input type="button" id="btn" value="獲取驗(yàn)證碼"/>
<script>
var count=5,
timer2 = null;
var btn = document.getElementById("btn")
btn.onclick = function(){
timer2=setInterval(function(){
if (count==0) {
clearInterval(timer2)
btn.removeAttribute("disabled");
btn.value="免費(fèi)獲取驗(yàn)證碼";
count=5;
}else{
btn.value = "重新發(fā)送(" + count + ")";
count--;
btn.setAttribute("disabled",true)
}
},1000)
}
</script>
