js 按钮上变动的数字

论坛注册时经常见到的效果，比如让你阅读一些注册协议，设定多少秒才能点击注册按钮!看代码

 

<form id="form1" name="form1" method="post" action="">

  <div  align="center">

  <input name="btnTest" type="button" id="btnTest" value="测试" />

  </div>

</form>

<script type="text/javascript">

function $(id)

{

  return document.getElementById(id);

}

var timer=9;

var wait=timer * 1000;

var obj=$("btnTest");

obj.value="我同意[ "+timer+ " ]";

obj.setAttribute("disabled","disabled");

for(i=1;i<=timer;i++)

{

   window.setTimeout("Update("+i+")",i * 1000);

}

window.setTimeout("Timer()",wait);

function Update(num)

{

   var obj=$("btnTest");

   if(num != timer)

   {

      tmp=(wait / 1000)-num;

       obj.value="我同意[ "+tmp+ " ]";

   }

}

function Timer()

{

   var obj=$("btnTest");

   obj.setAttribute("disabled","");

   obj.value="我同意";

}

</script>

 

 

效果图片：