DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現n秒倒計時後才可以點擊的效果
js實現n秒倒計時後才可以點擊的效果
編輯:關於JavaScript     

在我們進行注冊用戶時經常遇到點擊按鈕後,60秒倒計時後才能繼續可以點擊,按鈕上還能顯示倒計時,這60秒時間就是為大家提供”細閱讀協議“做准備的,這種功能是如何實現的,下面為大家分享詳細代碼。

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>倒計時然後才可以點擊效果代碼</title> 
<script type="text/javascript">
var s=4;
function countsub()
{
 var btnReg=document.getElementById("btnReg");
 if(btnReg)
 {
 if(s<=0)
 {
  btnReg.value="同意";
  btnReg.disabled=false;
  clearInterval(id);
 }
 else
 {
  btnReg.value="請仔細閱讀協議(還剩"+s+"秒)";
  s--;
 }
 }
}
var id = setInterval('countsub()',1000)
</script>
</head>
<body>
<textarea>注冊協議</textarea>
<input id="btnReg" type="button" value="同意" disabled="true" />
</body>
</html>

希望本文所述對大家學習javascript程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved