停顿几秒后自动跳转，这个时候如何在页面上显示倒计时

来源：互联网发布：java接入微信公众平台编辑：程序博客网时间：2024/06/05 02:19

＝＝

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<body >
<SCRIPT LANGUAGE="JavaScript">

</script>

<SCRIPT LANGUAGE="JavaScript">

</script>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="clock" SIZE="2" VALUE="10">
秒后自动跳转网页
</FORM>

</body>
</html>

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<input   type=button   value="点击开始"   onClick="t=5">
<span   id="view"></span>

<script>
t   =   -1;   //   计数器
setInterval("testTime()",1000);   //   启动1秒定时

function   testTime()   {
      if(t<0)   return;   //   计数器值小于0，表示尚未开始倒计时
      if(t   ==   0)   //   计数器值为0，转向
          location   =   "http://www.sohu.com";
      view.innerHTML   =   "<b>"+t+"</b>";   //   显示倒计时
      t--;   //   计数器递减
}

function   offTime()   {
      if(event.srcElement.value   !=   "点击开始")   {   //   若不是倒计时开始
          t   =   -1;   //   初始计数器
          view.innerHTML   =   "";   //   清空倒计时
      }
}
document.onclick   =   offTime;   //   启动点击事件监视
</script>