Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.90/29: Рейтинг темы: голосов - 29, средняя оценка - 4.90
8 / 5 / 3
Регистрация: 18.03.2019
Сообщений: 122

Обратный отсчёт времени от реального

19.09.2019, 17:05. Показов 5770. Ответов 6
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как по нажатию кнопки или сразу при загрузки сайта на экране пользователя прошло время в обратном порядке, т.е. , например, при загрузке сайта было 12:31:40, а на экране пользователя часы шли не вперёд, а назад. Я примерно понимаю алгоритм действий, но не знаю как реализовать, определяем переменную new Date(), записываем её в строку и через цикл уменьшаем секунды, но проблема в самом цикле, не понимаю как реализовать, может вообще без цикла можно обойтись, буду благодарен за помощь.
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
19.09.2019, 17:05
Ответы с готовыми решениями:

Обратный отсчет
Сначала число уменьшается на единицу, а потом на большую величину. Подскажите, в чем может быть проблема. <!DOCTYPE html> ...

Обратный отсчёт
Дорогие форумчане! Я(новичок в этой сфере) написал программку для вывода оставшегося времени (таймер), но мне нужно сделать так, чтобы...

Время. Обратный отсчет
Здравствуйте. Есть код <SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\"> var t_m1 = $left_min; var t_s1 = $left_sec; ...

6
8 / 5 / 3
Регистрация: 18.03.2019
Сообщений: 122
20.09.2019, 17:56  [ТС]
По сути нужно пустить дадту в обратную сторону, но каким образом вообще это делается?
0
Эксперт JS
6497 / 3908 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
20.09.2019, 18:41
NaxUK, здравствуйте.
По сути что делать, когда время станет 00:00:00 ?
Такого вопроса не возникало?
Когда задача подробно описана, и всё понятно, только тогда можно начинать ковыряться.
0
8 / 5 / 3
Регистрация: 18.03.2019
Сообщений: 122
20.09.2019, 18:51  [ТС]
Когда время дойдёт до полуночи, время станет 23:59:59, но я себе не ставлю задачу именно такую
Мне нужно чтобы время считалось в пределах этого времени
У меня есть идеи, например, задать начальное время и конечное, использовать переменную по нахождению разницы между ними и на экран пользователя выводить время разницей начального времени и переменной, которая ищет саму разность времени, в общем случае что-то типа такого:
JavaScript
1
2
3
4
5
6
var start = new Date();
var end = new Date();
startstr = String (start);
endstr = String (end);
s = (endstr - startstr);
document.writer(start - s)
Но проблема в том, что время само по себе не обновляется и при перезагрузки начальное время изменяется, также, если из даты делать строку, то ничего не получается, либо я это не правильно получаю, вероятно, можно написать какой -то цикл, использую вот эту конструкцию определения времени
JavaScript
1
2
3
4
5
start = new Date(); 
Hour = Data.getHours(); 
Minutes = Data.getMinutes(); 
Seconds = Data.getSeconds(); 
document.write(Hour+':'+Minutes+':'+Seconds);
Но опять же неясно что делать с необновляющимся временем
0
Эксперт JS
6497 / 3908 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
20.09.2019, 19:49
Лучший ответ Сообщение было отмечено NaxUK как решение

Решение

PHP/HTML
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <span id="time">00:00:00</span>
    <button id="start">Start</button>
    <script>
        var newDate,
            intervalId;
        document.querySelector("#start").onclick = onStart;
 
        function onStart() {
            let date = new Date(),
                shift = date.getTimezoneOffset() * 60000,
                timePart = (date - shift) % 86400000;
            newDate = date.valueOf() + timePart; // Таймер на диапазон текущего времени
 
            timer(); // Инициализация текста в элементах.
            if (!intervalId)
                intervalId = setInterval(timer, 1000);
        }
 
        function timer() {
            let now = Date.now(),
                rest = newDate >= now ? Math.round((newDate - now) / 1000) * 1000 : 0;
            if (!rest) {
                clearInterval(intervalId);
                intervalId = null;
            }
 
            let rest2 = rest % 3600000;
            let hh = (rest - rest2) / 3600000;
            rest = rest2;
 
            rest2 = rest % 60000;
            let mm = (rest - rest2) / 60000;
            rest = rest2;
 
            rest2 = rest % 1000;
            let ss = (rest - rest2) / 1000;
            let ms = rest2;
 
            let s = (hh < 10 ? "0" : "") + hh + ":"
                + (mm < 10 ? "0" : "") + mm + ":"
                + (ss < 10 ? "0" : "") + ss;
 
            document.querySelector("#time").textContent = s;
        }
    </script>
</body>
</html>
На StackOverflow по шее дают всем, кто пытается вычитать секунды.
Поэтому приходится постоянно смотреть на настоящее время компьютера.
1
8 / 5 / 3
Регистрация: 18.03.2019
Сообщений: 122
20.09.2019, 20:15  [ТС]
Вы просто лучший, кто попадался мне на этом форуме, я искал на этом форуме и лишь находил информацию по вычитанию от заданного времени, оказывается, там есть и этот решённый вопрос
0
Юзер с абсолютным слухом
 Аватар для Опан
709 / 489 / 195
Регистрация: 17.12.2010
Сообщений: 1,428
22.09.2019, 22:27
Лучший ответ Сообщение было отмечено NaxUK как решение

Решение

PHP/HTML
1
2
3
4
5
6
7
8
9
10
<div id=mydiv></div>
<script>
var a = new Date().getTime();
var b = new Date();
setInterval(function(){
    b.setTime(a);
    document.getElementById("mydiv").innerHTML = b.toTimeString();
    a -= 1000;
}, 1000);
</script>
2
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.09.2019, 22:27
Помогаю со студенческими работами здесь

Как сделать нестандартный обратный отсчёт?
Приветствую, уважаемые формучане! Помогите, пожалуйста, разобраться со следующей задачей. Имеется файл .html, в котором есть блок...

Как сделать что бы при обновлении страницы обратный отсчет не сбрасывался а продолжался?
Всем доброго времени суток. Подскажите как сделать что бы при обновлении страницы обратный отсчет не сбрасывался а продолжался ...

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

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

Обратный отсчет времени
Здравствуйте. Очень нужен скрипт обратного отсчета времени с некими условиями. Выглядеть должен так: &quot;Поступит в продужу через...


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

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru