js实现n秒倒计时后才可以点击的效果

在我们进行注册用户时经常遇到点击按钮后，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程序设计有所帮助。