您的位置:首页 > 其它

网页实现自动跳转

2016-12-05 14:03 239 查看
两种实现自动跳转的的方法:
第一种方法,没有剩余秒数显示。

<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>
[b]setTimeout( )是设定一个指定等候时间 (单位是千分之一秒, millisecond), 时间到了, 浏览器就会执行一个指定的 method 或 function, 有以下语法:[/b]今次例子是设定等 3 秒 (3000 milliseconds), 浏览器就会执行 [b]alert( ) 这一个method。[/b]setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。参考: http://www.w3school.com.cn/jsref/met_win_settimeout.asp
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  网页 实现 自动