我想用javascript延迟一段500的链接

Question

我一直在查看Stackoverflow问题，尝试通过简单的链接延迟获得帮助;我想把它放在一个div上，我不能对我发现的例子做出正面或反面。

到目前为止，我知道我需要暂停href的原生功能，但我不知道该怎么做。代码对我来说仍然很陌生。帮助

Answer 1

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

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

Answer 2

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

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

Answer 3

要延迟与嵌入式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>

Answer 4

如果您想在新标签页（target="_blank"）上打开，

这将是 https://github.com/beelit94/python-terraform/blob/develop/python_terraform/terraform.py 的代码更改以说明新标签：

如果您想使用任何其他目标设置，只需将 'Get-Date; whatever I type here is used as-is - almost' 更改为您的首选设置。

const NavLink = ({videoSrc, name}) => {

const [loadVideo, setLoadVideo] = useState(false);

const handleVideo = () => {
    setLoadVideo(true);
}

return (
    <motion.a href="#" variants={navLinks} onMouseEnter={handleVideo}>{name}
       <NavLinkDetail loadVideo={loadVideo} videoSrc={videoSrc} />
    </motion.a>
)

Answer 5

我使用它来保持函数等待，然后继续：

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