js计时器

js代码：

<script language="javascript">
var se,m=0,h=0,s=0,ss=1;  
function second(){  
if((ss%100)==0){s+=1;ss=1;}  
if(s>0 && (s%60)==0){m+=1;s=0;}  
if(m>0 && (m%60)==0){h+=1;m=0;}  
t=h+"时"+m+"分"+s+"秒"+ss+"毫秒";  //时分秒运算
document.getElementById("showtime").value=t;   //这有一个给id为showtime的input赋值的语句，可以实现动态计时。
//其实所谓的动态计时，就是在很短的时间里不停给显示时间的地方更新数值，由于速度很快，这样计时器看起来时刻都在变化。但其实不是的，它从本质上还是静态的，这跟js的伪多线程原理是一样的。
ss+=1;  
}  
function startclock(){se=setInterval("second()",10);}  //这个函数是要放到按钮的click事件上的
function pauseclock(){clearInterval(se);}    //这个函数是要放到按钮的click事件上的
function stopclock(){clearInterval(se);ss=1;m=h=s=0;}    //这个函数是要放到按钮的click事件上的
</script>  

html调用：

<input name="s" type="button" value="开始计时" onClick="startclock()">  
<input name="s" type="button" value="暂停计时" onClick="pauseclock()">  
<input name="s" type="button" value="停止计时" onClick="stopclock()">  
  
<input name="showtime" style="color:#ff0000;200px;" id="showtime" type="text" value="0时0分0秒"> 

运行结果：