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>

  • 相关阅读:
    深入解读kubernetes网络基本原理
    Go!Go!Go!设计模式-组合设计模式
    Go!Go!Go!设计模式-创建型模式(简单工厂,工厂方法,抽象工厂)
    Linux内核之磁盘和分区
    Docker容器网络基础
    chart仓库之创建-入库-使用(helm,helm-push,chartmuseum)
    Go语言完整解析Go!Go!Go!(一)数据类型 之 Channel & Goroutine
    k8s爬坑集锦[网络问题]-服务无法访问
    数字证书的原理与应用&爬坑
    ingress的用法与原理
  • 原文地址:https://www.cnblogs.com/handboy/p/7148403.html
Copyright © 2011-2022 走看看