用javascript写一个秒表

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
 var haom=0,miao=0,fen=0,fz;
 function text()
 {
  document.getElementById("hs").innerHTML=haom;
  haom++;
   if(haom>=1000)
   {
    miao+=1;
    document.getElementById("s").innerHTML=miao;
    haom=0;
   }
    if(miao>=60)
    {
     fen=fen+1;
     document.getElementById("m").innerHTML=fen;
     miao=0;
    }
    fz=setTimeout("text()",1);
 }
 function zt()
 {
  clearTimeout(fz);
 }
 function js()
 {
  clearTimeout(fz);
  haom=0;
  miao=0;
  fen=0;
  document.getElementById("hs").innerHTML="00";
  document.getElementById("s").innerHTML="00";
  document.getElementById("m").innerHTML="00";
  
 }
 
</script>
</head>
<body>
<form>
 <table align="center">
  <tr>
         <td>
            <label id="m">00</label>
            <label id="m">:</label>
            <label id="s">00</label>
             <label id="s">:</label>
            <label id="hs">00</label>
            </td>
            <td><input  id="ks"type="button" value="开始" onclick="text()">
            <input type="button" value="暂停" onclick="zt()">
            <input type="button" value="结束" onclick="js()">
            </td>
        </tr>
    </table>
</form>
</body>
</html>

posted @ 2013-04-19 20:45  叶凌风纱  阅读(320)  评论(0)    收藏  举报