Как сделать кнопку загрузки, которая появляется через 5 секунд с обратным отсчетом

Question

im, создающего веб-сайт, и я хочу защитить свои загрузки, чтобы люди не загружались все время.

Мне нужен код, который заставляет кнопку появляться через 5 секунд. Мне также нужны коды для скриптов (например, JQuery), потому что я не могу найти их в любом месте в Интернете. Или это просто, что я не могу найти их, потому что я из Голландии? Пожалуйста, мне нужна помощь :) Я нашел один из JSFiddle, но у него не было кодов JQuery, и я действительно не знаю, где их найти. Кстати, используя бутстрап! http://getbootstrap.com/

Answer 1

Вы должны установить функции таймаута

Javascript:

setTimeout(function() { 
    var button = document.getElementById('test'); 
    button.style.display = "";} 
    , 5000); 

HTML:

<button id="test" style="display:none">Download</button> 

---

После Вашего комментария, чтобы установить обратный отсчет на кнопку, посмотрите на это:

новый HTML:

<button id="test" disabled>Download</button> 

новый Javascript:

var downloadButton = document.getElementById("test"); 
var counter = 5; 

downloadButton.innerHTML = "You can download the file in 5 seconds."; 
var id; 



id = setInterval(function() { 
    counter--; 
    if(counter < 0) { 
     downloadButton.innerHTML = "Download"; 
     downloadButton.removeAttribute('disabled'); 
     clearInterval(id); 
    } else { 
     downloadButton.innerHTML = "You can download the file in " + counter.toString() + " seconds."; 
    } 
}, 1000); 

DEMO

Answer 2

Возможно, это может помочь.

HTML:

<div class="button">button</div> 

CSS:

.button{ 
    display:none; 
} 

JS:

setTimeout(function(){ 
    $('.button').fadeIn(1000); 
}, 4000);