我想延迟一个链接的时间为500与javascript

I want to delay a link for a period of 500 with javascript

本文关键字：时间 javascript 链接 一个 延迟      更新时间：2023-09-26

我一直在寻找通过Stackoverflow问题，试图得到帮助与一个简单的链接延迟;我想把它放在div的周围，我找不到正面或反面的例子。

到目前为止，我知道我需要停止href的本机函数，但我不知道如何做到这一点。代码对我来说还是很陌生。帮助吗?

设置你的href属性为href="javascript:delay('URL')"和JavaScript:

function delay (URL) {
    setTimeout( function() { window.location = URL }, 500 );
}

如果你想延迟你页面上的每个链接，你可以用jQuery这样做

$(function(){
    $("a").click(function(evt){
        var link = $(this).attr("href");
        setTimeout(function() {
            window.location.href = link;
        }, 500);
    });
});

我用它来保持函数在继续之前等待:

var wait_until = new Date().getTime() + 500;
while (new Date().getTime() < wait_until) {
    //Do nothing, wait
}

要使用内联javascript延迟链接，只需设置你的href属性为href="javascript:setTimeout(()=>{window.location = 'URL' },500);"。

当你用你的链接替换URL时，只要确保它在' '内。

<li class="nav-item">
  <a href="javascript:setTimeout(()=>{window.location = '#About' },500);">
    About Me
  </a>
</li>
相关文章：