JS倒计时网页自动跳转代码

<title>JS倒计时网页自动跳转代码</title>
<script language="JavaScript" type="text/javascript">
    function delayURL(url) {
        var delay = document.getElementById("time").innerHTML;
        if(delay > 0) {
            delay--;
            document.getElementById("time").innerHTML = delay;
        } else {
            window.top.location.href = url;
        }
       t = setTimeout("delayURL(‘" + url + "‘)", 1000);
    }

function stop1(){
t && clearTimeout(t);
}
</script>
<span id="time" style="background: #00BFFF">1000</span>秒钟后自动跳转,如果不跳转,请点击下面的链接<a href="http://www.baidu.com">我的百度</a>
<input type="button" value="停止跳转" onclick="stop1();">
<script type="text/javascript">
delayURL("http://www.baidu.com");
</script>
时间: 2024-10-07 05:27:01

JS倒计时网页自动跳转代码的相关文章

JS实现倒计时网页自动跳转(如404页面经常使用到的)

在web前端设计中,我们经常会遇到需要实现页面倒计时跳转的功能,例如在404页面中也会经常使用到此功能,那么如何实现呢,其实实现方法很简单,实现代码如下:<title>JS倒计时网页自动跳转代码</title> <script language="JavaScript" type="text/javascript"> function delayURL(url) { var delay = document.getElementB

自制通过html网页自动跳转代码跳转页面

建设网站时,我们经常会遇到需要跳转页面的情况,例如我们的网站分中英文版本,网站程序索引页不是直接放在根目录下,而是分别放在"en"和"cn"目录中区分中英版本,打开网站时,想直接跳转到en目录访问英文版,则需要使用跳转代码跳转后方可以访问.下面我们看一下如何通过html代码跳转页面. <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

网页自动跳转方法整理

现在公司推广业务碰到一些,大量客户需要将推广落地页设为自己了网址,开始帮几个业务人员制作了一个简单的自动跳转的HTML的网页,解决了客户的问题.虽然简单,用得人多了没有时间手动制作一个个制作,写了个简单的在线生成HTML网页自动跳转的工具供他们用,终于省心了. 顺便整理了下网页自动跳转方法 一.HTML实现网页自动跳转 <head> <!-- 以下方式只是刷新不跳转到其他页面 --> <meta http-equiv="refresh" content=&

可以放在html代码中的自动跳转代码

可以放在html代码中的自动跳转代码 有3种方法可以实现html的页面跳转,1,refresh   2,onload事件中加入代码  3,js实现 1.<html><body><meta http-equiv="refresh" content="0;url=http://www.baidu.cn"></body></html> 2.<html><head><meta http

5种常见网页自动跳转方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去.网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户.不过,现在有许多人利用网页自动跳转来进行作弊,欺骗搜索引擎,从而实现提高网站搜索引擎排名的目的.比较典型的方式是:先做一个“桥页”,当搜索引擎收录了这个桥页,并有较高排名时,桥页中再使用网页自动跳转方式,将用户引导到用户本来无意访问的其它网页中去.下面介绍一下五种常见的网页自动跳转方法,以及搜

三种简单的html网页自动跳转方法

三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面. 方法/步骤 <html> <head> <title>正在跳转</title> <meta http-equiv="Content-Language" content="zh-CN"> <meta HTTP-EQUIV="Content-Type" CONTENT="text/ht

黄聪:如何阻止iframe里引用的网页自动跳转

今天做了个网页,要在网页里设置一个iframe,然后套用其他的网站.使用http://luanqi-cat.blogbus.com 这个网址的时候,出现了莫名其妙的问题,我的网页居然会强制自动跳转到这个网页上.搜索了一番,才知道原来这个网页用了如下的一段代码: if (top.location != self.location) {top.location=self.location;} 使用里这段代码之后,会自动判断当前的location是否是顶层的,即是否被嵌套到iframe里面了,如果是,

(转)META http-equiv=&quot;refresh&quot; 实现网页自动跳转

***.html自动跳转文件代码如下: <HTML> <HEAD><META http-equiv="Refresh" content="5; url=******.htm"> <META http-equiv="content-type" content='text/html; charset=UTF-8'> <script language="JavaScript" s

网页自动跳转/定时跳转/重定向功能的设置

在一些情况下,我们会希望自己的某条链接打开之后自动跳转到另一个页面去,比如: 情景1:原有链接所指网站停用,访问用户被重定向到其他替代网页: 情景2:设置欢迎页,订单提交成功页等信息展示页面,延时跳转到接下来的逻辑页面: 情景3:希望发送自己域名的地址显示他人的页面: 情景4:用于页面的定时刷新: 等等 HTML在head中的mate标签提供了自动跳转的方式,设置非常简单 <meta http-equiv="refresh" content="延时时间(s);url=h