Полезные сервисы и заметки » Полезное » Простой скрипт обратного отсчета (javascript)

Простой скрипт обратного отсчета (javascript)

Автор: Org4l1nkya | 03.09.2012 - 02:05 |03.09.2012 Полезное

Скрипт обратного отсчета

Скрипт обратного отсчета

Сегодня, для одного из обслуживаемых сайтов потребовалось организовать скрипт обратного отсчета, для реализации маркетинговых задумок. Собственно в сети готовых конструкций разной сложности масса, но требовался простой и с элементарной возможностью изменять время обратного отсчета. Скрипт не должен использовать подключаемые библиотеки (на том сайте уже их предостаточно, велика вероятность конфликта). Когда стало понятно, что усложнять не за чем начали перебирать уже готовые наработки. В результате поиска найденное решение вполне соответствует нашим критериям. Скрипт настолько прост и элементарен, что работает безотказно во всех проверенных нами браузерах.

 
Код написанный ниже копируем и вставляем до <head>,
 а <div id="timer_inp">10</div> уже в <body>

1

2

3

4

Код написанный ниже копируем и вставляем до <head>,

а <div id="timer_inp">10</div> уже в <body>


<script type="text/javascript">
function timer(){
 var obj=document.getElementById('timer_inp');
 obj.innerHTML--;
  
 if(obj.innerHTML==0){alert('Hello');setTimeout(function(){},1000);}
 else{setTimeout(timer,1000);}
}
setTimeout(timer,1000);
</script>

#Вставляем этот код в место на странице, где планируете выводить отсчет. Внутри пишем кол-во секунд.
<div id="timer_inp">10</div>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<script type="text/javascript">

function timer(){

var obj=document.getElementById('timer_inp');

obj.innerHTML--;

if(obj.innerHTML==0){alert('Hello');setTimeout(function(){},1000);}

else{setTimeout(timer,1000);}

}

setTimeout(timer,1000);

</script>

#Вставляем этот код в место на странице, где планируете выводить отсчет. Внутри пишем кол-во секунд.

<div id="timer_inp">10</div>

Полезная информация:

Правильные анонимайзеры

Доступ к namebased сайту без DNS-записи в Windows

Как быстро узнать версию ISPConfig 3 (ssh)

Как включить интернациональные домены (punycode) в ISPConfig3

Как добавить редирект (301) в ISPConfig

Как склеить домены (301 редирект)

Как добавить алиас домена ISPConfig

Как настроить DNS шаблоны в ISPConfig 3

Разделитель в iSape / Sape

Случайный вывод кода (видео, текст, картинки)

Добавление меню в старый шаблон WordPress

Задача: выравнять картинки по центру div-ов с помощью CSS

Как убрать точки li в меню

Обвести текст при помощи HTML и CSS

Добавить html в категорию и страницу

Добавить новый sidebar

Обновляем WordPress до 3.5

Во время загрузки произошла ошибка... WordPress

Добавить валюту (руб.) в woocommerce

Правильный robots.txt

Системные переменные Windows

Joomla/Mambo To WordPress Migrator Fatal error (решение)

Joomla/Mambo To WordPress Migrator (5 советов)

Вывод материалов из рубрики списком WordPress

Javascript прокрутки страницы

Akismet и его API key

WordPress http error - решение проблемы

Cherry FrameWork logo + description

Удаляем строки Saphali Lite, Woocommerce, All in one seo pack

Обновление url и адрес картинок после изменения адреса блога

Поиск по размеру файла в Ubuntu

Breadcrumbs редактировать в Cherry FrameWork

Сделать изображения одинаковыми по высоте средствами CSS

Ошибка Deprecated: Function ereg() is deprecated in /samefile.php on line 142

WordPress не работают постоянные ссылки (404 Not Found)

Площадки для размещения статей

Несколько простых команд для Cent OS

Дополнительный домен в панели ISPManager

Отображение и текста и логотипа в шаблоне WordPress

Несколько мыслей про Skype

Как сделать в windows 7 в папке «столбцы по размеру содержимого» по умолчанию?

Как отключить сообщения «системы безопасности» Mac OS X

Как прочистить дюзы принтеру Epson Stylus Photo на Mac OS X

Принудительное включение отображения ошибок в PHP

Отображение количества просмотров статьи в подходящем месте

Шаблон Mantra изменения вида пагинации

Количество сопутствующих товаров в Woocommerce

Как в WordPress импортировать .xml файл больше 2mb

ISPManager установить SSL сертификат

Как выводить первую картинку поста wordpress

Как очистить очередь Exim

Плагин карты сайта XML

Как удалить ссылки на картинки в новостях WordPress

Удаляем второй meta name=description от All in One Seo Pack

Повышение безопасности редактируя .htaccess

Метки: javascript. Закладка Постоянная ссылка.

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

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