JavaScript 實現按鈕倒計時註冊效果

例1 一些免費擷取驗證碼效果

代碼如下

複製代碼

<input type="button" id="btn" value="免費擷取驗證碼" /> <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>

例2

代碼如下

複製代碼

常見的註冊看協義的效果 <script language="javascript"> <!-- var wait_time = 8; //設定秒數(單位秒) var secs_time = 0; for(var i=1;i<=wait_time;i++) { window.setTimeout("sTimer("+i+")",i*1000); } function sTimer(num) { if(num==wait_time) { document.getElementById("reg_btn").value=" 同意註冊 "; document.getElementById("reg_btn").disabled=false; } else { secs_time=wait_time-num; document.getElementById("reg_btn").value="請先閱讀服務條款 ("+secs_time+")"; } } //--> </script> html代碼   <div style="width:350px; text-align:center;"> <form name="regForm" method="post" action=""> <input type="submit" value="請先閱讀服務條款 (0)" disabled="disabled" id="reg_btn"> <input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();"> </form> </div>

活動即將開始的讀秒效果

代碼如下

複製代碼

//重新整理DIV代碼 function fresh(){  ++times;  //var begintime=new Date();  var begintime=new Date(Date.parse(beginTime));  var endtime=new Date(Date.parse(endTime));  var leftsecond=parseInt((endtime.getTime()-begintime.getTime())/1000);  leftsecond-=times;  d=parseInt(leftsecond/3600/24);  h=parseInt((leftsecond/3600)%24);  m=parseInt((leftsecond/60)%60);  s=parseInt(leftsecond%60);  rushPurchaseStr='還有'+d+'天'+h+'小時'+m+'分'+s+'秒 開始搶購!' ;  $("#rushPurchase").html(rushPurchaseStr);  if(leftsecond<=0){   rushPurchaseStr='搶購進行中中...';   $("#rushPurchase").html(rushPurchaseStr);   clearInterval(sh);  } }