Javascript 页面加载动画

嗨，伙计们，我有一个关于每当用户点击到不同网页的链接时运行动画的问题。问题是我不知道如何设置动态Window.location。目前我的代码如下所示

$('.url').click(function(){
$('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {
        window.location.href = "www.bayron.nl/recepten-toevoegen-template.html";
    }, 2000);
});

这是我想要的，但它只重定向到指定的网页。如何使URL动态化，以便将用户重定向到他们单击的链接页面

谢谢

html部分

 <div class="url" link="http://www.bayron.nl/recepten-toevoegen-template.html">test page</div>
 <div class="url" link="http://www.bayron.nl/recepten-toevoegen-templatepage2.html">test page2</div>

---

这就是你想要的吗？

@katniss.everbean给了我答案。如果有人正在搜索快速答案，这就是我的代码。它是有效的

    $('.url').click(function(){

    var linkLocation = this.href;

    $('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {
        window.location.href = linkLocation;
    }, 2000);
});

---

我假设您希望在不刷新的情况下导航到其他页面，如果这是一个问题，那么您应该签出history.pushstate。因此，您遇到的问题是URL是硬编码的，但您希望使用单击的链接指向的URL？如果是这样的话，

this.href

可能就是您要找的。@katniss.everbean谢谢！你的回答奏效了！Katniss everbean的回答帮了我。但是谢谢你的帮助！

    $('.url').click(function(){

    var linkLocation = this.href;

    $('.page-load-animation').addClass('page-load-out');
  setTimeout(function() {
        window.location.href = linkLocation;
    }, 2000);
});