javascript - 上的 setTimeout 函数

Question

我正在制作自己的作品集，我想使用 setTimeout 函数在 2 个页面之间设置延迟。我已经尝试了一些方法，但还没有奏效。我已经在使用一个函数来打开我的所有框的“href”，但现在我只想延迟从 accueil.html 到 presentation.html。

“accueil.html”:

document.addEventListener('DOMContentLoaded', function()
{
  var items = document.querySelectorAll('.ouverture');
  for (var i = 0; i < items.length; i++)
  {
    var item = items[i];
    item.addEventListener('click', function()
    {
      var url = this.getElementsByTagName('a');

      url = url[0];
      window.location = url;
    });
  }
});

<div class="box">
  <div class="container">
    <div class="row">
      <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
        <div class="box-part text-center ouverture">
          <i class="fa fa-address-book fa-3x" aria-hidden="true"></i>
          <div class="title">
            <h4><a href="presentation.html" id="pres">Présentation</a></h4>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

只需添加一个timeout 添加重定向到另一个页面的部分:

item.addEventListener('click', function() {         
  var url = this.getElementsByTagName('a');
  if(url.length > 0)
    url = url[0]; 
    setTimeOut(() => {
      window.location = url;
    }, 2000); // 2000 = 2000ms === 2sec   
});

找到更多信息 here