网页实现自动跳转

两种实现自动跳转的的方法:

第一种方法,没有剩余秒数显示。

<meta http-equiv=refresh content=‘5;url="http://xxxx.com/"‘ />

第一种网页自动跳转方法:meta refresh自动跳转法 在网页的head区域的meta refresh标签中,加入自动跳转代码,可实现网页的立即或延时自动跳转。 示例如下: <meta http-equiv="refresh" content="10;url= http://xxxx.com/ "> 上述html代码中的“10”是延时跳转的时间,单位是秒。如果设为0,就表示立即跳转。“ http://xxxx.com/ ”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。 由于搜索引擎能够读取html,所以对于这种自动跳转方法,搜索引擎是能够自动检测出来的。 被视为作弊,则主要看跳转时间。如果跳转时间为0,就可能会被视为作弊,从而受到惩罚。如果有时间延迟(一般3秒以上),就会被视为正常应用。

第二种跳转方法,有剩余秒数显示。

    <script type="text/javascript">
     var duration = 10000;
        var timer = null;
        var endTime = new Date().getTime() + duration;
        function interval() {
            var timeSecond = (endTime - new Date().getTime()) / 1000;
            if (timeSecond  < 0) return;
            //toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
            $("#timeout").text(timeSecond .toFixed(0));
            setTimeout(interval, 10);
        }
        function stopJump() {
            clearTimeout(timer);
            $("#jumphint").style.display = "none";
        }
        window.onload = function() {
            timer = setTimeout("window.location.href=‘http://xxxx.com‘", duration);
            interval();
        }
        </script>
        
        <span id="jumphint">系统在 <span id="timeout"></span> 秒后 将自动到首页</span>

setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。请先看以下一个简单, 这是没有实际用途的例子, 只是用来示范 setTimeout( ) 的语法。

<script>
setTimeout("alert(‘
对不起, 要你久候‘)", 3000 )
</script>

setTimeout( )是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的 method 或 function, 有以下语法:

今次例子是设定等 3 秒 (3000 milliseconds), 浏览器就会执行 alert( ) 这一个method。

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

参考:

 http://www.w3school.com.cn/jsref/met_win_settimeout.asp

时间: 2024-11-09 04:06:28

网页实现自动跳转的相关文章

几种网页重定向(自动跳转)的方法

1 纯html法 <html> <head> <meta http-equiv="Refresh" content="2; url=http://www.baidu.com" /> 2秒后开始 </head> <body> Loading... </body> </html> 2 javaScript法 <script> location = "http://w

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

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

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

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

Mindjump-微信跳转浏览器功能源码,实现微信内自动跳转手机浏览器访问网页url

源码使用场景:1.用来实现微信自动跳转外部浏览器下载app2.用来实现微信内打开网页链接自动跳转浏览器访问指定页面3.防止网页链接由于被微信拦截,导致用户无法正常在微信内打开 源码说明: 适用安卓和苹果系统,支持任何网页链接.并且无论链接是否已经被微信拦截,均可实现微信内自动跳转浏览器打开. 生成的跳转链接具有极佳的防拦截效果. 源码体验: 1.复制分享链接(app下载页链接或网页链接),然后在浏览器(电脑和手机上都可以)中打开我们需要用到的 Mindjump 平台:http://www.min

meta 标签属性和自动跳转

name属性值的说明如下: <meta name="某个设置值" content="对该设置值进行具体补充说明的信息"> name属性用于在网页中加入一些关于网页的描述信息 name属性值如下: Keywords:告诉搜索引擎,这儿设置的是关键字,多个关键字用逗号隔开 Descriptiong:对本页面的简单描述,搜索引擎会吧这些描述放在搜索引擎的结果下面. Robots:根据对应的content的值得到不同的结果.当content的值为index时告诉

解析大象跳转如何在线生成微信自动跳转第三方浏览器源码

源码使用场景: 1.用来实现微信自动跳转外部浏览器下载app2.用来实现微信内打开网页链接自动跳转浏览器访问指定页面3.防止网页链接由于被微信拦截,导致用户无法正常在微信内打开 源码说明: 适用安卓和苹果系统,支持任何网页链接.并且无论链接是否已经被微信拦截,均可实现微信内自动跳转浏览器打开. 生成的跳转链接具有极佳的防拦截效果. 源码体验: 1.复制分享链接(app下载页链接或网页链接),然后在浏览器中打开大象跳转地址:http://www.go51w.cn/ 2.在工具的输入框中粘贴我们刚才

所有浏览器打开后自动打开115.29.163.152/404.html这个网页,然后自动跳转到hao123 解决办法

这几天,电脑所有浏览器打开后自动打开115.29.163.152/404.html这个网页,然后自动跳转到hao123这个网页,网上查询没解决办法.开始自己找,搜索注册表,都无效,最后下载软件HijackThis(HijackThis是一款英文免费软件,由荷兰的一名学生merijn开发.提供其利用业余时间开发的软件供大家下载.HijackThis能够扫描注册表和硬盘上的特定文件,找到一些恶意程序“劫持”浏览器的入口.但要提醒大家注意的是,这些内容也可能正由正常的程序在使用,所以不能草率处理,必须

用js在网页上完成倒计时3秒后自动跳转到另一个页面

<body> <div id="time"></div> <a href="#" onclick="stop()">停止</a> <script type="text/javascript"> var i=3; function changeTime(){ document.getElementById("time").innerHTM

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

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