javascript - 减慢 的执行速度

Question

在我的网站上，我有多个 href's，我需要在点击它们和加载它们之间添加延迟。由于有数百个 hrefs，我不能为每个单独的 js 函数。

我研究过的两种方法是，将 href 的内容作为变量传递给 javascript，例如:

<a href="example1.php">example1</a>
<a href="example2.php">example2</a>
<a href="example3.php">example3</a>
<script>
var href = ### CONTENTS OF SELECTED HREF ###
$(function() {
  $("a").on("click", function(event) {
    event.preventDefault();
    setTimeout(function(){window.location.href = href;}, 1000);
  });        
});

是否可以使用 CSS 来实现？

Answer 1

不，使用 CSS(层叠样式表，没办法)是做不到的。您需要使用 Javascript。

但是，是的，您不需要为每个 a 编写不同的函数，只需在点击回调中获取 href，然后相应地重定向用户。

$(function() {
  $("a").on("click", function(event) {
    event.preventDefault();
    var href = this.href;
    setTimeout(function(){
        window.location = href;
    }, 1000);
  });        
});