A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > js实现n秒倒计时后才可以点击的效果

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

时间:2015-12-21 09:38作者:fang人气:205

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

标签实现,倒计时,后才,可以,点击,效果,我们,进行,注册,用户

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号