给你的网页做一个灰色的“倒计时”按钮。

夜来香 · 发表于 2009-9-15 02:50:23

看到很多网站有一个很有意思的功能，就是你注册的时候，“同意”按钮呈灰色不可用状态。并且自动倒计时，时间到了之后该按钮才能用。这个功能无非是让用户先阅读他的条款。经过我的学习发现用JavaScript脚本语言可以达到这个功能。代码如下
<html>
<head>
<title>同意条款</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
<script language="javascript">
document.form1.Submit.disabled = true;
var wait = 9; //停留时间
function updateinfo(){
  if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
  }
  else{
document.form1.Submit.value = "阅读条款"+wait;
wait--;
window.setTimeout("updateinfo()",1000);
  }
}
updateinfo();
</script>
</body>
</html>
最终效果如下图：
[attachment=248110]
该代码设置了一个等待时间。见这一句：
var wait = 9; //停留时间
接着用循环来判断现在的时间。每过一秒钟，按钮上的数字减1。如果倒计时为零，则按钮显示“我同意”并且该按钮呈可用状态。代码如下：
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
如果倒计时还没有为零，则该按钮仍然为不可用状态。并且显示“阅读条款”和当前的倒计时时间。
怎么样，你也试试吧。

痴情浪子 · 发表于 2010-2-19 23:05:11

你这样的表现，就只配这几个字：太有才了!

		自动登录	找回密码
密码			注册