在按钮上添加倒计时激活功能代码,JS代码库,德仔网

代码语言

代码分类

【JS】在按钮上添加倒计时激活功能

作者:dezai / 发布于2014/4/8/ 444

一个实用的JS特效，或许这种效果大家见多了，一个包括倒计时功能的提交按钮，用户注册申请按钮的等待功能，当倒计时完毕后，才可以点击按钮，否则按钮是灰色的，并不能单击

<HTML>
<HEAD>
<TITLE>用户注册时的申请按钮等待功能</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY bgColor=#fef4d9><BR><BR>
<FORM name=agree action="" method=post>
   <CENTER><INPUT type=submit value="请认真查看<服务条款和声明> (15 秒后继续)" name=agreeb> 
<INPUT onclick=history.back(-1) type=reset value=" 我不同意 ">
   </CENTER></FORM>
   <SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value ="同意协议";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
}
}
</SCRIPT>
</BODY>
</HTML>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　倒计时　

同语言下

可能有用的

dezai贡献的其它代码(1065)