运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<HTML>
2
<HEAD>
3
<TITLE>用户注册时的申请按钮等待功能</TITLE>
4
<META http-equiv=Content-Type content="text/html; charset=gb2312">
5
</HEAD>
6
<BODY bgColor=#fef4d9><BR><BR>
7
<FORM name=agree action="" method=post>
8
      <CENTER><INPUT type=submit value="请认真查看<服务条款和声明> (15 秒后继续)" name=agreeb>   
9
<INPUT onclick=history.back(-1) type=reset value=" 我不同意 "> 
10
      </CENTER></FORM>
11
      <SCRIPT language=javascript>
12
<!--
13
var secs = 15;
14
document.agree.agreeb.disabled=true;
15
for(i=1;i<=secs;i++) {
16
 window.setTimeout("update(" + i + ")", i * 1000);
17
}
18
function update(num) {
19
 if(num == secs) {
20
 document.agree.agreeb.value ="同意协议";
21
 document.agree.agreeb.disabled=false;
22
 }
23
else {
24
 printnr = secs-num;
25
 document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
26
 }
27
}
28
</SCRIPT>
29
</BODY>
30
</HTML>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
在按钮上添加倒计时激活功能
分类
网站常用
描述
一个实用的JS特效,或许这种效果大家见多了,一个包括倒计时功能的提交按钮,用户注册申请按钮的等待功能,当倒计时完毕后,才可以点击按钮,否则按钮是灰色的,并不能单击,多见于一些用户注册协议及避免重复提交数据的地方,我觉得这个...
收藏