在网页中使用如下的代码,可以实现这样的按钮倒计时效果,并且只倒计时一次,当完成之后,再次打开网页或所以,则不进行倒计时。
我们在这样的情况下,会使用到倒计时效果,比如,让用户阅读规则,阅读完毕之后,才能点击按钮进入。下面是代码。
<form id="form1" name="form1" method="post" action=""><input id="SB" style="width:100;height:100" onClick="GOGO();" type="button" name="Submit" value="我同意" /></td>
<script language="javascript">
function setcookievalue(name,value){
document.cookie=name+"="+value+";"
}
function getcookievalue(name){
var temp=document.cookie+";";
var Pos=temp.indexOf("=",temp.indexOf(name+"="));
if (temp.indexOf(name+"=")==-1) return "";
return temp.substring(Pos+1,temp.indexOf(";",Pos));
}
document.form1.Submit.disabled = true;
var speed = 1000; //速度
var wait = getcookievalue('rnm')==''?10:0; //停留时间
function updateinfo(){
if(wait == 0){
document.form1.Submit.value = "我同意";
document.form1.Submit.disabled = false;
}
else{
document.form1.Submit.value = "\n\n 我同意\n\n"+wait;
wait--;
window.setTimeout("updateinfo()",speed);
}
}
updateinfo();
setcookievalue('rnm',1);
</script>