Ищу скрипт который активирует кнопку через 5 сек.

[DMax]

Здравствуйте друзья!
Может у когото есть скрипт который активирует кнопку с ссылкой через 5/10 сек, чтобы пользователь видел отсчет времени и после нажимал на кнопку.
Заранее спасибо!

 

[Jim_Di]

Отключи элемент по дефолту и с помощью setTimeout через нужное время делай элемент доступным.

Для просмотра ссылки Войди или Зарегистрируйся - вот пример

 

[Hello.World]

Вот нашел уже готовый пример с похожим функционалом Для просмотра ссылки Войди или Зарегистрируйся Или тебе нужен еще какой-то красивый счетчик на кнопку?

 

[kazusss]

Вот нашел уже готовый пример с похожим функционалом Для просмотра ссылки Войди или Зарегистрируйся Или тебе нужен еще какой-то красивый счетчик на кнопку?

Посоветуйте счетчик.

 

[Hello.World]

Посоветуйте счетчик.

Для себя я использовал Для просмотра ссылки Войди или Зарегистрируйся, хорошо работает и можно по разному задизайнить. А вот еще нашел с уже готовыми дизайнами: Для просмотра ссылки Войди или Зарегистрируйся , Для просмотра ссылки Войди или Зарегистрируйся

И вот еще примерчик Для просмотра ссылки Войди или Зарегистрируйся

 

[DMax]

Вот нашел уже готовый пример с похожим функционалом Для просмотра ссылки Войди или Зарегистрируйся Или тебе нужен еще какой-то красивый счетчик на кнопку?

То что нужно, спасибо за помощь, а можно сделать так, чтобы кнопка была не подсвечена, а после истечении времени, она подсветилась, и под ней сразу появилась надпись? Очень было бы классно...

И я немного не понял, как время там выставлять нужное...

 

[invader]

И я немного не понял, как время там выставлять нужное...

var counter = 10;

 

[Hello.World]

То что нужно, спасибо за помощь, а можно сделать так, чтобы кнопка была не подсвечена, а после истечении времени, она подсветилась, и под ней сразу появилась надпись? Очень было бы классно...

Можешь попробовать так. В HTML коде сразу показывать и кнопку(неактивную с виду), и текст счетчика:

<a href="downloadFile.zip" id="download" class="button">Download the file...</a>
<p id="download-alert"></p>

В CSS в начальном классе .button задать стиль неактивной кнопки (логику блокирования кнопки и подставления ссылки на файл нужно дописывать отдельно). И сделать стили активной кнопки в .button.active :

.button {
    background-color: #cccccc;
    border: 1px solid #cccccc;
    color: #aaaaaa;
    font-family: Arial;
    font-size: small;
    text-decoration: none;
    padding: 3px;
}

.button.active {
    background-color: #ddcccc;
    border: 1px solid black;
    color: black;
}

Изменения в JS коде:

var downloadButton = document.getElementById("download");
var downloadAlertText = document.getElementById("download-alert");
var counter = 10;
// var newElement = document.createElement("p");
downloadAlertText.innerHTML = "You can download the file in " + counter  + " seconds.";
var id;

// downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        // newElement.parentNode.replaceChild(downloadButton, newElement);
        downloadButton.className += ' active';
        downloadAlertText.style.display = 'none';
        clearInterval(id);
    } else {
        downloadAlertText.innerHTML = "You can download the file in " + counter.toString() + " seconds.";
    }
}, 1000);

 

[cheery.mae]

Для просмотра ссылки Войди или Зарегистрируйся



просто измените значение там время, которое вы хотите