javascript - 单击按钮后，在打开 url 之前等待

Question

当单击按钮时，由于站点动画，我需要页面等待 0.8 秒才能在同一窗口中打开链接。

下面的超时代码仅在 href 目标为 _blank 时有效，而在目标为默认 _self 时无效 - 链接将变为 undefined.

$("#button").click(function() {

  setTimeout(function(url) {
    window.location = url;
  }, 800, linkUrl);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<a href="https://www.w3schools.com"><button id="button">Click</button></a>

如何修复我的代码，使其在单击按钮时等待 0.8 秒，然后在同一窗口中打开新链接？

Answer 1

如果单击该按钮，则会触发 anchor href。只需删除 a 标签并设置 window.location 即可。

$("#button").click(function() {

  setTimeout(function() {
    window.location = "https://www.w3schools.com";
  }, 800);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<button id="button">Click</button>