Зациклить таймер на сутки

@Mailo · Регистрация: 18.02.2010

Студворк — интернет-сервис помощи студентам

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="timer_x">
        <span class="timer_x_head">До Нового года</span>
        <div class="x_titles">
            <span>дней</span>
            <span>часов</span>
            <span>минут</span>
            <span>секунд</span>
        </div>
        <div class="x_timing">
            <span class="x-day">168</span>
            <span class="x-hour">05</span>
            <span class="x-minute">23</span>
            <span class="x-second">25</span>
        </div>
</div>

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
//Timer
function get_timer(string) {
    var date_new = string;
    var date_x = new Date(date_new);
    var date = new Date();
    var timer = date_x - date;
    if (date_x > date) {
        var day = parseInt(timer / (60 * 60 * 1000 * 24));
        if (day < 10) { day = "0" + day; } day = day.toString();
        var hour = parseInt(timer / (60 * 60 * 1000)) % 24;
        if (hour < 10) { hour = "0" + hour; } hour = hour.toString();
        var min = parseInt(timer / (1000 * 60)) % 60;
        if (min < 10) { min = "0" + min; } min = min.toString();
        var sec = parseInt(timer / 1000) % 60;
        if (sec < 10) { sec = "0" + sec; } sec = sec.toString();
        timethis = day + " : " + hour + " : " + min + " : " + sec;
        $(".x-day").text(day);
        $(".x-hour").text(hour);
        $(".x-minute").text(min);
        $(".x-second").text(sec);
    } else {
        $(".x-day").text("00");
        $(".x-hour").text("00");
        $(".x-minute").text("00");
        $(".x-second").text("00");
    }
}
function timer_x() {
    string = "7/2/2019 00:00"; // "месяц/число/год час:мин"
    get_timer(string);
    setInterval(function() { get_timer(string); }, 1000);
}
$(document).ready(function() { timer_x(); });

@Mr_Sergo · 01.07.2019, 21:01

Mailo,

https://codepen.io/Mr_Sergo/pe... itors=1010

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
//Timer
function get_timer(string) {
    var date_new = string;
    var date_x = new Date(date_new);
    var date = new Date();
    var timer = date_x - date;
    if (date_x > date) {
        var day = parseInt(timer / (60 * 60 * 1000 * 24));
        if (day < 10) { day = "0" + day; } day = day.toString();
        var hour = parseInt(timer / (60 * 60 * 1000)) % 24;
        if (hour < 10) { hour = "0" + hour; } hour = hour.toString();
        var min = parseInt(timer / (1000 * 60)) % 60;
        if (min < 10) { min = "0" + min; } min = min.toString();
        var sec = parseInt(timer / 1000) % 60;
        if (sec < 10) { sec = "0" + sec; } sec = sec.toString();
        timethis = day + " : " + hour + " : " + min + " : " + sec;
        $(".x-day").text(day);
        $(".x-hour").text(hour);
        $(".x-minute").text(min);
        $(".x-second").text(sec);
    } else {
        $(".x-day").text("00");
        $(".x-hour").text("00");
        $(".x-minute").text("00");
        $(".x-second").text("00");
    }
}
function timer_x() {
    var date = new Date();
    var string = (date.getMonth()+1) + "/" + (date.getDate()+1) + "/" + date.getFullYear() + " 05:00";  // тут указать чч:мм
    get_timer(string);
    setInterval(function() { get_timer(string); }, 1000);
}
$(document).ready(function() { timer_x(); });

30 строка

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .

Зациклить таймер на сутки

Решение