在我們進行注冊用戶時經常遇到點擊按鈕後,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程序設計有所幫助。