Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/7: Рейтинг темы: голосов - 7, средняя оценка - 4.57
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313

Таймер обратного отсчета

26.06.2018, 21:47. Показов 1433. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите хороший скрипт таймера обратного отсчета. Можно и на jq.

Добавлено через 41 минуту
Нашёл хороший, но скрипт на один таймер, подскажите как его заоопешить, чтоб не дублировать кучу js кода если потребуется 2 одинаковых таймера?


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
//1й таймер
function updater(d, h, m, s) {
  // День сброса - ***(и далее каждые три дня)
  var baseTime = new Date(2018, 8, 12);
  // Период сброса — 3 дня
  var period = 21*24*60*60*1000;
 
  function update() {
    var cur = new Date();
    // сколько осталось миллисекунд
    var diff = period - (cur - baseTime) % period;
    // сколько миллисекунд до конца секунды
    var millis = diff % 1000;
    diff = Math.floor(diff/1000);
    // сколько секунд до конца минуты
    var sec = diff % 60;
    if(sec < 10) sec = "0"+sec;
    diff = Math.floor(diff/60);
    // сколько минут до конца часа
    var min = diff % 60;
    if(min < 10) min = "0"+min;
    diff = Math.floor(diff/60);
    // сколько часов до конца дня
    var hours = diff % 24;
    if(hours < 10) hours = "0"+hours;
    var days = Math.floor(diff / 24);
    d.innerHTML = days;
    h.innerHTML = hours;
    m.innerHTML = min;
    s.innerHTML = sec;
  
    // следующий раз вызываем себя, когда закончится текущая секунда
    setTimeout(update, millis);
  }
  setTimeout(update, 0);
}
 
updater(document.querySelector(".days"),
 document.querySelector(".hours"),
 document.querySelector(".minutes"),
 document.querySelector(".seconds"));
 
 
//2й таймер
function updater2(d, h, m, s) {
  // День сброса - ***(и далее каждые три дня)
  var baseTime = new Date(2018, 8, 12);
  // Период сброса — 3 дня
  var period = 21*24*60*60*1000;
 
  function update() {
    var cur = new Date();
    // сколько осталось миллисекунд
    var diff = period - (cur - baseTime) % period;
    // сколько миллисекунд до конца секунды
    var millis = diff % 1000;
    diff = Math.floor(diff/1000);
    // сколько секунд до конца минуты
    var sec = diff % 60;
    if(sec < 10) sec = "0"+sec;
    diff = Math.floor(diff/60);
    // сколько минут до конца часа
    var min = diff % 60;
    if(min < 10) min = "0"+min;
    diff = Math.floor(diff/60);
    // сколько часов до конца дня
    var hours = diff % 24;
    if(hours < 10) hours = "0"+hours;
    var days = Math.floor(diff / 24);
    d.innerHTML = days;
    h.innerHTML = hours;
    m.innerHTML = min;
    s.innerHTML = sec;
  
    // следующий раз вызываем себя, когда закончится текущая секунда
    setTimeout(update, millis);
  }
  setTimeout(update, 0);
}
 
updater2(document.querySelector(".days2"),
 document.querySelector(".hours2"),
 document.querySelector(".minutes2"),
 document.querySelector(".seconds2"));
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
26.06.2018, 21:47
Ответы с готовыми решениями:

Таймер обратного отсчета
Ребята помогите пожалуйста. Я совсем новичок. Нужно отредактировать таймер обратного времени и поменять несколько картинок на сайте...

Таймер обратного отсчета
У меня есть таймер обратного отсчета.Как сделать что б он начинался с указанного времени для каждого нового посетителя и продолжал свой...

Таймер обратного отсчета
Доброе время суток. Нашел на сайт Таймер обратного отсчета времени. Меня он не устраивает тем, что я не могу изменить размер или не допираю...

1
 Аватар для BarsicPlus
11 / 11 / 2
Регистрация: 21.05.2014
Сообщений: 31
28.06.2018, 21:53
штоо??

закинь в одну функцию весь код таймера и вызывай эту функцию столько раз сколько надо таймеров
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
28.06.2018, 21:53
Помогаю со студенческими работами здесь

Таймер обратного отсчета
Здравствуйте. Пожалуйста можете скинуть скрипт, или ссылку на сайт, где есть таймер в котором можно задать допустим 10 часов, и он бы...

таймер обратного отсчета
привет всем....помогите с таймером обратного отсчета до определенной даты, пожалуйста.

Таймер обратного отсчета
есть переменная php, в которой содержатся значения из базы в формате datetime(), которые формируются в таблицу. надо сделать таймер...

Таймер обратного отсчета
Есть у кого-нибудь готовый или кто-то может написать, если не муторно счетчик обратного отсчета, единственное он должен быть циклическим,...

Таймер обратного отсчета на JS
Добрый день! Хочу сделать таймер обратного отсчета. Время выбирается из select. Написал такой код, но он не работает, подскажите...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru