设为首页 | 加入收藏 | 
JS特效:注册按钮读秒倒计时(支持多浏览器)
作者:叶随风 时间:03月18日 来源:http://www.popasp.com 浏览次数:【字号: 】 

  在一些网站注册页,阅读注册协议时,会出现注册按钮灰色不可用,并自动读秒倒计时。此代码就是实现按钮读秒倒计时的功能。

  在使用前,根据自己的需要,设置 wait 变量的值(单位秒),l来设置经过 wait 秒后注册按钮正常可以点击。

泡泡ASP相关代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>注册按钮读秒倒计时</title>
</head>
<body style="text-align:center;">
<script language="javascript">
<!--
/*****************************
  注册按钮读秒倒计时(多浏览器)
  叶随风(LeafinWind)
  QQ:19855466
  http://www.popasp.com/
*****************************/
var wait = 8; //设置秒数(单位秒)
var secs = 0;         
for(var i=1;i<=wait;i++)
{
 window.setTimeout("sTimer("+i+")",i*1000);
}
function sTimer(num)
{
 if(num==wait)
 {
  document.getElementById("BtnOk").value=" 同意注册 ";
  document.getElementById("BtnOk").disabled=false;
 }
 else
 {
  secs=wait-num;
  document.getElementById("BtnOk").value="请先阅读服务条款 ("+secs+")";
 }
}
//-->
</script>
<div style="width:350px; text-align:center;">
<form name="regForm" method="post" action="">
<input type="hidden" name="action" value="reg">
<input type="submit" value="请先阅读服务条款 (0)" disabled="disabled" id="BtnOk">
<input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();">
</form>
</div>
</body>
</html>

 * 以上任何内容或信息侵犯了你的利益,请及时联系!
泡泡搜索
最新文章
热点文章
精彩推荐
 - TOP