Полезные сервисы и заметки » Полезное » Простой скрипт обратного отсчета (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>

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

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

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

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

Как в Mac Os X заменить QIP

Как распечатать каталог содержимого на диске

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

Как включить logging (debugging) в ISPConfig 3

Красивые WordPress caption

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

Сервис подбора цвета

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

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

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

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

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

Полезные фотосервисы

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

Как обойти AdBlock

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

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

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

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

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

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

Ошибка платежа Яндекс.Касса и Woocommerce

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

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

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

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

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

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

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

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

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

Польза простых файлов .bat

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

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

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

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

Изменить количество памяти в Mamp Pro php.ini

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

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

Удалить все meta name=generator WordPress, Woocommerce, Saphali

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

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

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

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

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

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

ISPConfig 3 установить флаг active в MyDNS

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

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

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

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

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

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

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

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