Javascript
>
Таймеры
>
Показ скрытого блока сайта по таймеру обратного отсчета времени на javascript
Показ скрытого блока сайта по таймеру обратного отсчета времени на javascript
При загрузке страницы сайта, на которой установлен скрипт таймера, можно скрыть часть контента и вывести таймер с обратным отсчетом времени. Таймер может быть как видимым, так и не видимым. При окончании времени таймера, на странице показывается скрытый html блок сайта.
Описание скрипта показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
Бывают случаи, когда необходимо задержать посетителя на сайте. Для этого, посетителю, можно показать ожидаемый контент не сразу, а с задержкой по времени. Чтобы посетитель не ушел с сайта раньше времени и понял, что контент будет показан, на странице выводится таймер обратного отсчета. Время таймера показывает, сколько времени осталось, до показа контента. Также, рядом с таймером, желательно дополнительно написать, что произойдет после окончания его времени. Например: "Ожидайте, информация появится через:". Таймер является простым вариантом, таймеров, которые можно увидеть на файлообменных сервисах.
Рис 1. Показ скрытого блока сайта по таймеру обратного отсчета времени на javascript.
Пример работы скрипта показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
Ожидайте, ссылка на скачивание появится через:
Здесь будет таймер
Для повтора демонстрации обновите страницу.
Настройки скрипта показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
● время в секундах, через которое должен быть показан скрытый блок.
● видимость таймера на странице «видимый» или «невидимый».
● формат времени таймера:
«секунды», например «600»,
«часы:минуты:секунды», например "00:10:00".
Установка скрипта показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
● добавить скрипт таймера на страницу сайта.
● в html блок, который необходимо скрыть/показать, добавить строку id='hiddenBlock' style='display:none;'
Например:
код блока до изменения: <div>Текст скрытого блока</div>
код блока после изменения: <div id='hiddenBlock' style='display:none;'>Текст скрытого блока</div>
Характеристики скрипта показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
● работает в любом современном браузере.
● не требует PHP и MySQL.
● имеет открытый исходный код HTML, CSS и Javascript.
Скачать скрипт показа скрытого блока сайта по таймеру обратного отсчета времени на javascript
на странице автора