JavaScript - 设置超时脚本

Question

我正在尝试使用内联 JavaScript 为我在网站上调用的链接设置超时:

<a href="javascript:setTimeout(()=>{window.location = 'thankyou.html' },2500);" class="burst_1 btn">Elementary School Camp</a>

它适用于 Chrome，但不适用于 Firefox 或 Internet Explorer。我尝试在网上寻找替代方案，但到目前为止没有任何效果。我需要超时，因为我在网站上使用的按钮具有烟花效果，我希望访问者在被发送到链接页面之前能够看到该效果几秒钟。

或者有更好的方法来实现我想要做的事情吗？接受建议。

Answer 1

替换<a href="javascript:...">通过<a href="#" onclick="..."> :

function waitThenNavigateTo (newLocation) {
  setTimeout(() => {
    window.location = newLocation;
  }, 1000);
}

<a href="#" onclick="waitThenNavigateTo('http://example.com')">Click me!</a>