[Javascript]倒數計時的按鈕 | 孤影棧 - 點部落

2008-04-01

[Javascript]倒數計時的按鈕

48870
0
小舖轉檔

[Javascript]倒數計時的按鈕

之前常常看到有些網站在加入會員時第一步驟就是先看同意書,
但是同意書並不是直接拉到下面按下同意按鈕就可以跳過的,
而是按鈕上會倒數個十秒後才讓你可以按下同意.

而這樣個功能怎麼做呢??
主要還是要靠setTimeout來做到數的功能,
範例如下:

<script type='text/javascript'> var time=10000;//設定倒數10秒 function DisableEnable(objid){ if(time<=0){ document.getElementById(objid).value='You can click again'; document.getElementById(objid).disabled=false; }else{ document.getElementById(objid).disabled = true; document.getElementById(objid).value = (time/1000) + " sec..."; setTimeout("DisableEnable('" + objid + "')",1000); } time-=1000; } </script> <body> <input type=button value="Click me" id=button1 onclick=DisableEnable(this.id)> </body>

回首頁