js 点击注册按钮开始读秒倒计时的实例代码

发布时间:2020-01-08编辑:脚本学堂
现在好多的注册页面,都有这样的功能,点击注册按钮开始读秒倒计时,很不错的效果,有需要的朋友,可以参考下。

1、html内容部分
 

复制代码 代码示例:
<div style="width:350px; text-align:center;">
<form name="regForm" method="post" action="">
<input type="submit" value="请先阅读服务条款 (0)" disabled="disabled" id="reg_btn">
<input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();">
</form>
</div>

2、js代码部分
 

复制代码 代码示例:
<script language="javascript">
/**
 * 读秒倒计时的代码
 * edit www.jb200.com at 2013/5/12
*/
<!--
var wait_time = 8; //设置秒数(单位秒)
var secs_time = 0;
for(var i=1;i<=wait_time;i++)
{
window.setTimeout("sTimer("+i+")",i*1000);
}
function sTimer(num)
{
if(num==wait_time)
{
document.getElementById("reg_btn").value=" 同意注册 ";
document.getElementById("reg_btn").disabled=false;
}
else
{
secs_time=wait_time-num;
document.getElementById("reg_btn").value="请先阅读服务条款 ("+secs_time+")";
}
}
//-->
</script>