如何使 Href 链接等待

How to make a Href link wait

本文关键字：等待 链接 Href 何使      更新时间：2023-09-26

我想做一个可点击的按钮，它等待10秒来加载链接的页面。我想知道它是否也需要 Href ？如果有人知道如何，请帮助我。

因为你标记了Javascript而不是jQuery。

类似的东西

JavaScript：

function loadUrl(){
  window.location.href = "http://www.google.com";
}

链接：

<a href="JavaScript:setTimeout(loadUrl,10000)">Click My Link</a>

或

JavaScript：

function delayUrlLoad(url, mils)
{
    setTimeout(function() {
        window.location.href = url;
    }, mils)
}

链接：

<a href="#" onclick="delayUrlLoad('http://www.google.com/', 10000);return false;"> Click Here </a>

怎么样？

.HTML： 

    <button id="yourbutton" href="https://www.google.com">
        Click Me
    </button>

jQuery/JS：

$( "#yourbutton" ).on( "click", function(event) {
  var url = $(this).attr('href');
  setTimeout("loadPage(url)", 10000);
  event.preventDefault();
});
function loadPage(url){
  window.location.href = url;
}

FIDDLE（它不会在 JSFiddle 中加载新页面，因为它是沙盒化的，但如果您检查控制台，它确实在超时后尝试加载页面）。

你需要包含jQuery来运行这段代码，但这就是这个想法。 

<a href="http://www.url.com">Click Me</a>
$("a").on("click", function (event) {
  event.preventDefault();
  var timeout = setTimeout(function () {
    var url = $(this).attr("href");
    location.replace(url);
  }, 10000);
});

这样：

.HTML

<span id="link" data-href="http://www.google.it">click here</span>

.JS

$('#link').on('click', function() {
    setTimeout(function() {
        location.href = $('#link').attr('data-href');
    }, 10000);
});
相关文章：