有些朋友需要打开网页几秒后就转向到别的页面,那么就需要下面的功能。
只要加入以下的代码就可以实现。
第一种方法:使用Meta
用法: <Meta http-equiv=Refresh Content=30>
<Meta http-equiv="Refresh" Content="5; Url=http://sc.lovean.com">
其中第一条语句是停留30秒自动刷新,第二条是停留5秒转向sc.lovean.com。分别使用可实现自动刷新或自动转向功能。

第二种:js实现
setTimeout(function(){window.location.href = 'http://sc.lovean.com';},2000)
第三种带倒计时的js代码

 
<html>
<head>
<title>10秒后跳转</title>
</head>
<body>
<input type="text" readonly="true" value="10" id="time">
</body>
<script language="javascript">
var t = 10;
var time = document.getElementById("time");
function fun(){
t--;
time.value = t;
if(t<=0){
location.href = "http://www.lovean.com";
clearInterval(inter);
}
}
var inter = setInterval("fun()",1000);
</script>
</html>

页面跳转功能当然也可以用js来实现,不过上面的代码的优点就是浏览不支持js的情况下,也可以使用。如果实现实时的倒计时效果,就需要用js来实现了,一般情况下,可以两者结合判断下。
javascript 页面跳转方法集合
用meta实现的页面跳转代码
最新资讯
滴滴系统全国性崩溃:司机称此前亦有过

滴滴系统全国性崩溃:

技术解决问题,也是问题本身。
上海推进自动驾驶:支持试点无安全员测试,探索高速公路测试

上海推进自动驾驶:支持

上海举行市政府新闻发布会,市发展改革委副主任裘文进介
因有履行能力而拒不履行确定义务 蛋壳公寓CEO高靖再被限制消费

因有履行能力而拒不履

天眼查App显示,近日,蛋壳公寓关联公司紫梧桐(上海)公寓管
B站破圈一年收入120亿,Z世代能撑起多大未来

B站破圈一年收入120亿

破圈之后,如何继续平衡Z世代年轻人之间的关系,也是B站需
英伟达Q4营收利润双双好于预期 芯片短缺问题恐影响短期供货

英伟达Q4营收利润双双

尽管英伟达财报和业绩指引均好于预期,但由于芯片供应问
游族网络高层调整:林奇前妻许芬芬接任董事长,成实际控制人

游族网络高层调整:林奇

自林奇逝世后,游族公司进行了管理层调整,董事长、总经理
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru