延迟跳

时间: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)">