计时器

来源：互联网发布：网络蜡烛什么意思编辑：程序博客网时间：2024/06/11 13:55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title> New Document </title></head><body><form action=""><input type="text" value="0" name="txt1"><input type="button" value="开始" name="Start" ><input type="button" value="重置" name="Reset" onClick="f2()"></form><script language="javascript"><!--//获取表单中的表单域var txt=document.forms[0].elements["txt1"];var btnStart=document.forms[0].elements["Start"];var btnReset=document.forms[0].elements["Reset"];//定义定时器的idvar id;//每10毫秒该值增加1var seed=0;btnStart.onclick=function()   {      //根据按钮文本来判断当前操作      if(btnStart.value=="开始"){               //使按钮文本变为停止                 btnStart.value="停止";              //使重置按钮不可用               btnReset.disabled=true;              //设置定时器，每0.01s跳一次             id=window.setInterval(tip,100);      }else{              //使按钮文本变为开始              btnStart.value="开始";              //使重置按钮可用              btnReset.disabled=false;              //取消定时              window.clearInterval(id);      }    }//重置按钮  function f2(){     seed=0;txt.value=seed;}//让秒表跳一格function tip(){      seed++;       txt.value=seed;}//--></script></body></html>
0 0