倒计时浏览器跳转JavaScript

最新推荐文章于 2025-09-10 16:16:57 发布

weixin_30314631

最新推荐文章于 2025-09-10 16:16:57 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/handboy/p/7148403.html

本文介绍了一个使用JavaScript实现的简单网页倒计时功能，该功能能够在倒计时结束后自动跳转到指定页面。代码中包含了按钮点击开始倒计时、页面加载自动开始倒计时两种方式。

原文发布时间为：2008-10-11 —— 来源于本人的百度文章 [由搬家工具导入]

<html>
<head>
<title>显示时间</title>
<script language="JavaScript">
t   =   -1;   //   计数器
setInterval("testTime()",1000);   //   启动1秒定时

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

function   offTime()   {
      if(event.srcElement.value   !=   "点击开始")   {   //   若不是倒计时开始
          t   =   -1;   //   初始计数器
          view.innerHTML   =   "";   //   清空倒计时
      }
}
document.onclick   =   offTime;   //   启动点击事件监视
</script>
</head>
<body>
<input   type=button   value="点击开始"   onClick="t=5">
<br></br>
<a href='http://www.baidu.com'>若浏览器无跳转,请点击此处</a>
<span   id="view"></span>
</body>
</html>

---------------------------

<html>
<head>
<title>显示时间</title>
<script language="JavaScript">
setInterval("testTime()",1000);   //   启动1秒定时
function   testTime()   {
      if(t<0)   return;   //   计数器值小于0，表示尚未开始倒计时
      if(t   ==   0)   //   计数器值为0，转向
          location   =   "http://www.baidu.com";
      view.innerHTML   =   "<b>"+t+"</b>";   //   显示倒计时
      t--;   //   计数器递减
}

document.onload   =   testTime();   //   启动点击事件监视
</script>
</head>
<body onload="t=5">
<span   id="view"></span>
<br></br>
<a href='http://www.baidu.com'>若浏览器无跳转,请点击此处</a>
</body>
</html>