Создание и продвижение сайта

Как установить таймер обратного отсчета на сайт

Как установить таймер обратного отсчета

Привет, друзья!

По Вашей просьбе, сегодня будем разбирать, как установить на страницу таймер обратного отсчета, который будет автоматически переадресовывать посетителя на другую страницу по окончанию.

Итак, у Вас есть готовая страница html, в которую Вы хотите вставить таймер. Откройте эту страницу в редакторе Notepad++ и в нужное место вставьте код вызова таймера:

<p style="margin-top: 0; margin-bottom: 0" align="center">
<script language="JavaScript" src="options.js"></script>
<script language="JavaScript" src="countdown.js"></script>
</p>

Теперь скачайте здесь архив со скриптом счетчика, разархивируйте его и откройте в редакторе NotePad++ файл options.js.

Здесь Вам необходимо задать настройки Вашего счетчика.

TargetDate = "1/1/2016 10:44 AM"; //// date-time

Измените дату и время, когда таймер обратного отсчета должен закончиться.

 

DisplayFormat = "%%D%% %%H%% %%M%% %%S%%"; //// display format

Формат отображения таймера. Рекомендую не трогать эту строку, но Вы можете, например, удалить %%S%% и в таймере не будут отображаться секунды.

 

FinishURL = "http://www.YOURLINK.com"; //// Your Sales Page Link

Здесь вставьте ссылку для переадресации, когда таймер закончится.

 

FontSize = "30px"; //// FONT SIZE

Размер шрифта

 

FontColor = "#000000"; /// FONT COLOR

Цвет шрифта

 

DisplayLink = false; /// set to false if you want to be automatically redirected

При значении false, будет происходить автоматическая переадресация, когда таймер закончится. Если установить параметр true, то переадресации не будет, а будет просто показана новая ссылка.

 

GMTtimeZONE = true; /// set to false if you want to use the time zone of your visitors and not the GMT one

Вы можете устанавливать таймер для любого часового пояса. Если Вы хотите, чтобы таймер работал индивидуально для каждого часового пояса покупателей, установить параметр false.

 

TimezoneOffset = -5; //// time zone offset for GMT time zone

Если Вы установили предыдущую опцию true, то Вам необходимо здесь указать, по какому именно часовому поясу будет работать Ваш таймер.

 

После того, как все настройки установлены, сохраните файл. Вот и все. Теперь Вам необходимо загрузить два файла — options.js и countdown.js на сервер, в ту же директорию, в которой находится Ваша страница html.

Теперь можете проверить работу таймера.

Успехов Вам в Вашей работе!

 

Понравилась статья? Поделитесь ею в социальных сетях:

 

Добавить Комментарий

Нажмите здесь, чтобы оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Сейчас в тренде: