欢迎访问我的博客 https://javascript.shop

倒计时浏览器跳转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>

posted @ 2017-07-11 00:33  孑孓子  阅读(134)  评论(0编辑  收藏  举报
欢迎访问我的博客 https://javascript.shop