Как сделать ссылку HREF wait

Question

Я хочу сделать кнопку Clickable, которая ждет 10 секунд, чтобы загрузить связанную страницу. Мне было интересно, нужен ли ему Href? Если кто-то знает, как мне помочь.

Answer 1

Как вы отметили 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> 

Answer 2

Как насчет?

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 как это песочницу, но если вы проверяете консоль, это действительно пытается загрузить страницу после таймаута).

Answer 3

Вам необходимо включить 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); 
}); 

Answer 4

Таким образом:

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); 
});