单击按钮后等待打开URL

Question

单击该按钮后，由于站点动画，我需要页面等待.8s在同一窗口中打开链接。

下面的超时代码仅在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> 

如何修复我的代码，以便在单击按钮后在同一窗口中打开新链接之前，它会等待.8s？

Answer 1

如果单击按钮，则触发锚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> 

Answer 2

U应该在标签中使用location.href = "url.com"或window.open("url.com") 。

检查这些帖子以更深入地了解在同一窗口和同一选项卡中 单击 打开URL 后的Jquery延迟

 $("button").click( function() { console.log("clicked...waiting..."); setTimeout( function() { location.href = "https://stackoverflow.com/questions/8752541/jquery-delay-after-click"; }, 800); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button type="button">Click Me</button>