js 计时器 暂停问题

<html>
<head>
    <title>J5_8</title>
</head>
<body>
  <form>
    <input type="text" value="0" name="txt1" readonly/>
    <input type="button" value="开始" name="btnStart" onClick="f1()" />
    <input type="button" value="重置" name="btnReset" onClick="f2()" />
  </form>
  <script language="javascript">
    var id;
    var seed=0;
    
    function f1()
    {
      if (document.forms[0].btnStart.value=="开始")
      {
        document.forms[0].btnStart.value="停止";
        document.forms[0].btnReset.disabled=true;
        id=window.setInterval(tip,10);
      }
      else
      {
        document.forms[0].btnStart.value="开始";
        document.forms[0].btnReset.disabled=false;
        window.clearInterval(id);
      }
    }
    function f2()
    {
      seed=0;
      document.forms[0].txt1.value=seed;
    }
    function tip()
    {
      seed++;
      document.forms[0].txt1.value=seed/100;
    }
  </script>
</body>
</html>这是一段计时器代码,想添加一个暂停按钮,该怎么修改呢?各位帮忙啊~