在 JavaScript 中 5 秒后重定向到任何页面

有时候我们需要在网页中设置自动跳转功能，比如让用户停留 5 秒钟后在自动跳转到其他页面。在 JavaScript 中实现这个功能非常简单。

实现过程

在 JavaScript 中，通过 setTimeout 方法可以实现定时器功能，而通过 window.location.href 属性则可以获取当前页面的 URL，并且可以用来跳转到其他页面。

因此，我们可以编写下面的代码来实现自动跳转功能：

setTimeout(function() {
  window.location.href = "https://www.example.com/";
}, 5000);

上述代码中，setTimeout 方法会在 5 秒钟之后调用一个匿名函数，在这个匿名函数中将 window.location.href 属性设置为跳转的目标页面 URL，从而完成自动跳转的功能。

可能出现的问题

在使用自动跳转功能时，有以下一些需要注意的问题。

调用时机

在需要自动跳转的页面中调用上述代码时，很可能并不是在页面加载完成后，而是在用户还没有完全浏览页面时。这就会导致页面跳转不符合用户的预期。

为了解决这个问题，建议在页面加载完成后再调用上述代码，例如可以将代码放在 window.onload 事件中。

用户取消跳转

如果用户在页面跳转之前进行了其他操作，或者发生了其他事件，就有可能取消页面跳转。为了防止这种情况的发生，可以添加一些用户交互提示，让用户确认是否进行跳转。

跨域跳转

如果需要跳转的页面与当前页面不在同一个域名下，就会涉及到跨域跳转的问题。在某些浏览器中，跨域跳转可能会被浏览器拦截并提示用户是否确认跳转。

为了解决这个问题，可以在目标页面中添加 CORS 头信息，或添加 rel="noopener noreferrer" 属性来禁止新页面访问到原页面的 window.opener 属性。