减慢 <a href=“ ”> 的执行速度

Slow down execution speed of <a href=" ">

本文关键字：执行 速度 href 减慢      更新时间：2023-09-26

在我的网站上，我有多个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 来做到这一点？

不，使用CSS是行不通的(级联样式表，没办法(。你需要使用Javascript。

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

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