A5下载文章资讯

分类分类

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

2015-12-21 09:38作者:fang

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

展开全部

相关

说两句网友评论
    我要跟贴
    取消