教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 js 点击注册按钮开始读秒倒计时的实例代码

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

发布时间:2014-11-28   编辑:jiaochengji.com
现在好多的注册页面,都有这样的功能,点击注册按钮开始读秒倒计时,很不错的效果,有需要的朋友,可以参考下。

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.jiaochengji.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>

您可能感兴趣的文章:
js 点击注册按钮开始读秒倒计时的实例代码
js注册按钮读秒倒计时代码
JS倒计时代码(可随时点击停止)
点击按钮 倒计时60秒方可再次点击发送的Js代码
基于jQuery的倒计时实现代码
jquery 手机发送验证码倒计时实现代码
jquery 倒计时效果实现秒杀的思路与代码
js 倒计时注册实现代码
jquery倒计时广告特效代码 可关闭的js倒计时
JQuery实现倒计时按钮的实现代码

[关闭]
~ ~