码迷,mamicode.com
首页 > 编程语言 > 详细

倒计时浏览器跳转JavaScript

时间:2017-07-09 16:03:40      阅读:173      评论:0      收藏:0      [点我收藏+]

标签:title   font   innerhtml   element   javascrip   lang   inner   nload   src   

原文发布时间为: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>

倒计时浏览器跳转JavaScript

标签:title   font   innerhtml   element   javascrip   lang   inner   nload   src   

原文地址:http://www.cnblogs.com/handboy/p/7141615.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!