js實作n秒倒數計時後才可以點擊的效果_javascript技巧
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
- 2016-05-16 15:24:361383瀏覽
在我們進行註冊用戶時經常遇到點擊按鈕後，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程式設計有所幫助。
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn