如何用Javascript编一个在网页中显示倒计时的程序?

这是一个时钟程序，略做修改就行了。
显示以后判断，若到时间，YourSubmitButtom.Click就可提交表单?
。<html><head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body onload="Init()" onUnload="stopclock()">
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
var lastDtStr = "xxxxxxxxxxxxxx";
var NumPic = new _NumPicArray();function _NumPicArray()
{
  for(var i=0; i<10; i++)
  {
    this[i] = new Image();
    this[i].src = 'pic/num' + i + '.gif';
  }
}
function GetNumber(x, bit)
{
  x = Math.round(x);
  while (bit>0)
  {
    x = Math.round(x/10 - 0.5);
bit--;
  }
  x %= 10;
  return x;
}
function stopclock()
{
  if (timerRunning)
    clearTimeout(timerID);
  timerRunning = false;
}
function startclock()
{
  stopclock();
  showtime();
}
function showtime()
{
  var now = new Date();
  var year = now.getYear();
  if (year<1000)
    year += 1900;
  var month = now.getMonth() + 1;
  var day = now.getDate();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds();
  var dtStr =
    "" + year +
    (month<10 ? "0"+month : month) +
    (day<10 ? "0"+day : day) +
    (hours<10 ? "0"+hours : ""+hours) +
    (minutes<10 ? "0"+minutes : minutes) +
    (seconds<10 ? "0"+seconds : seconds);  for (var i=0; i<14; i++)
  {
    if (dtStr.substring(i, i+1) != lastDtStr.substring(i, i+1))
      document.images["dt"+i].src = NumPic[dtStr.substring(i, i+1)].src;
  }  timerID = setTimeout("showtime()",1000);
  timerRunning = true;
}
function Init()
{
  startclock();
}
</script>
<table border="0" align="center">
  <tr> 
    <td>
      <table width="91" border="2" bordercolorlight="#FFF900" bordercolordark="#999900" bgcolor="#EEEE00">
        <tr> 
          <td><img src="pic/num0.gif" name="dt0"><img src="pic/num0.gif" name="dt1"><img src="pic/num0.gif" name="dt2"><img src="pic/num0.gif" name="dt3"><img src="pic/sub.gif"><img src="pic/num0.gif" name="dt4"><img src="pic/num0.gif" name="dt5"><img src="pic/sub.gif"><img src="pic/num0.gif" name="dt6"><img src="pic/num0.gif" name="dt7"></td>
        </tr>
      </table>
    </td>
    <td width="10">&nbsp;</td>
    <td>
      <table width="73" border="2" bordercolorlight="#FFFF00" bordercolordark="#999900" bgcolor="#EEEE00">
        <tr> 
          <td><img src="pic/num0.gif" name="dt8"><img src="pic/num0.gif" name="dt9"><img src="pic/col.gif"><img src="pic/num0.gif" name="dt10"><img src="pic/num0.gif" name="dt11"><img src="pic/col.gif"><img src="pic/num0.gif" name="dt12"><img src="pic/num0.gif" name="dt13"></td>
        </tr>
      </table>
    </td>
  </tr>
</table>
</body>
</html>