延迟跳
时间:2020-03-06 14:47:06 来源:igfitidea点击:
我如何使页面使用户在X秒后跳转到新网页。如果可能的话,我想使用HTML,但是一种feeling的感觉告诉我它必须是Javascript。
到目前为止,我有以下内容,但没有时间延迟
<body onload="document.location='newPage.html'">
解决方案
元刷新很丑陋,但可以正常工作。 5秒后,以下内容将转到新的网址:
<meta http-equiv="refresh" content="5;url=http://example.com/"/>
http://en.wikipedia.org/wiki/Meta_refresh
把这个放在头上:
<meta http-equiv="refresh" content="5;url=newPage.html">
这将在5秒钟后重定向。设为0以重定向onload。
我们可以使用优质的META REFRESH,不需要JS,尽管(我认为)不推荐使用。
如果我们要使用JS路线,请使用
setTimeout("window.location.href = 'newPage.html';", 5000);
可以使用Meta Refresh,但是这里是JavaScript解决方案:
<body onload="setTimeout('window.location = \'newpage.html\'', 5000)">
更多详细信息可以在这里找到。
JavaScript方法,无需在setTimeout中调用eval:
<body onload="setTimeout(function(){window.location.href='newpage.html'}, 5000)">