做一个计时器示例 在页面上有一个文本框和一个普通按钮 在状态栏上显示,单击按钮,开始计时的提示信息 单击按钮时,在文本框显示计数的过程,同时要求按钮上的字,显示为“单击暂停” 此时单击按钮,暂停计时,同时按钮上的字显示为“继续计时”,要求这两种状态来回切换,来完成计数器的功能
2015-04-12 20:15:25
方法一;
<script> var s=0; var timeout=0; status='点击按钮,开始计时'; function count(){ s++; time1.value=s; timeout=setTimeout('count();',100); } function onChange(){ if(timeout==0){ count(); time2.value='暂停计时'; status='点击按钮,暂停计时'; }else{ clearTimeout(timeout); timeout=0; time2.value='继续计时'; status='单击按钮,继续计时'; } } </script> </head> <body> <input name='time1'/><br/> <input type='button' name='time2' onclick='onChange();' value='开始计时'/> </body>
第二种方法:
<body> <input id='text1'/> <input type='button' id='jishi' value='开始计时' onclick='getTim();'/> <script> var jishi=null,text1=null,k=0,timer=null; function getTim(){ var jishi=document.getElementById("jishi"); var text1=document.getElementById("text1"); switch(jishi.value){ case '开始计时':window.status='单击按钮,开始计时'; case '继续计时': jishi.value='单击暂停'; window.status=''; timer=setInterval(function(){ text1.value=k; k++; },5);break; case '单击暂停': window.status='单击按钮,开始计时'; clearInterval(timer); jishi.value='继续计时';break; default:break; } } </script> </body>