zoukankan      html  css  js  c++  java
  • 倒计时浏览器跳转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>

  • 相关阅读:
    iframe自适应高度的多种方法方法
    [tomcat][mysql][JDK][maven][myEclipse][ubuntu][centOs][oracle]等下载地址整理
    解决电脑速度越来越慢的方法
    li:hover 上再IE6下就没有效果的解决方法
    各种常用文件后缀名详解
    ASP.net中网站访问量统计方法
    RabbbitMQ的配置 以在.NetCore 的CAP 使用RabbbitMQ 实现订阅与发布问题
    .netCore 根据模型生成数据库
    jsonp Ajax跨域请求
    IE8 placeholder兼容+Password兼容
  • 原文地址:https://www.cnblogs.com/handboy/p/7141615.html
Copyright © 2011-2022 走看看