Аватар для Thomek
-3 / 0 / 0
Регистрация: 17.02.2022
Сообщений: 34

Как запустить таймер обратного отсчета после отправки формы?

08.07.2024, 09:37. Показов 1878. Ответов 21

Студворк — интернет-сервис помощи студентам
Как после отправки формы активировать на её месте таймер обратного отсчета в час например? А после часа появляется форма. Чтобы отсчет продолжался при обновлении страницы на сайте пока не пройдет час, данные как то бы сохранялись у пользователя в куки в кэше. Может есть какойто рабочий код или переделать тот что ниже..

Вот простая форма:
HTML5
1
2
3
4
5
<form method="post" enctype="multipart/form-data">
    Текст: <input type="text" name="text" /><br />
    Ссылка: <input type="text" name="link" /><br />
    <input type="submit" name="submit" value="Отправить форму" />
</form>
Какойто код таймера который сохраняет отсчет после обновлении страницы это и нужно:
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
<div class="quiz-timer">
   Времени прошло:<h1 id="timer">00:00:00</h1>
</div>
<script>
    var h1 = document.getElementById('timer');
    var sec = sessionStorage.getItem('sec') || 0; // загрузка значения секунд из сессии или установка значения 0, если значение в сессии отсутствует
    var min = sessionStorage.getItem('min') || 0; // загрузка значения минут из сессии или установка значения 0, если значение в сессии отсутствует
    var hrs = sessionStorage.getItem('hrs') || 0; // загрузка значения часов из сессии или установка значения 0, если значение в сессии отсутствует
    var t;
                    
    function tick(){
        sec++;
        if (sec >= 60) {
            sec = 0;
            min++;
            if (min >= 60) {
                min = 0;
                hrs++;
            }
        }
        // сохранение значений времени в сессии
        sessionStorage.setItem('sec', sec);
        sessionStorage.setItem('min', min);
        sessionStorage.setItem('hrs', hrs);
    }
    function add() {
        tick();
        h1.textContent = (hrs > 9 ? hrs : "0" + hrs) 
                 + ":" + (min > 9 ? min : "0" + min)
                 + ":" + (sec > 9 ? sec : "0" + sec);
        timer();
    }
    function timer() {
        t = setTimeout(add, 1000);
    }
    
    timer();
</script>
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
08.07.2024, 09:37
Ответы с готовыми решениями:

Таймер обратного отсчета
Как мне сделать таймер обратного отсчета не только на минуты и секунды, но и на часы и дни в моем случаи данный код работает только на...

Таймер обратного отсчета
Перерыл все, ничего не нашел, чтобы работало внутри PHP кода. Сам в яваскрипте не шарю, прошу помочь написать таймер отсчета с 15 до 0....

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

21
Супер-модератор
Эксперт JSЭксперт HTML/CSSЭксперт PHP
 Аватар для gogolik
3964 / 2131 / 833
Регистрация: 13.03.2010
Сообщений: 7,007
16.07.2024, 13:02
Студворк — интернет-сервис помощи студентам
Thomek, а вы бездумно копируете, даже не пытаясь понять где, что, зачем и почему? Нет желания разобраться в вопросе?
1
 Аватар для Thomek
-3 / 0 / 0
Регистрация: 17.02.2022
Сообщений: 34
23.07.2024, 21:58  [ТС]
gogolik, Ну да!

Добавлено через 27 минут
voraa, не работает!
JavaScript
1
2
3
4
5
6
 const response = await fetch(url,
    {
        method: 'post',
        body: new FormData (form)
    }
);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
23.07.2024, 21:58

Таймер обратного отсчета, как поменять дату ?
Будьте добры, покажите пожалуйста, где в таймере обратного отсчета времени поменять конечную дату ? Сделать отсчет до конца февраля. ...

Таймер обратного отсчета
Привет всем. Мне нужно сделать таймер обратного отсчета именно на классах в JS. Я написал код, но есть проблема, по нажатию кнопки старт...

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

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

Таймер обратного отсчёта
Доброго времени суток. Нужен таймер обратного отсчёта, а именно таймер запускается по кнопке, 20 сек, если в течение этого времени была...


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

Или воспользуйтесь поиском по форуму:
22
Ответ Создать тему
Опции темы

Новые блоги и статьи
Калькулятор для расчета родства
russiannick 07.08.2026
1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь
Мир по моей воле
kumehtar 07.08.2026
Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .
Кредитный калькулятор
Maks 05.08.2026
Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .
У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35".
kumehtar 04.08.2026
С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .
Как ИИ начал спорить и врать (возможно почуяв опасность для себя от индустрии - уход от электроники).
Hrethgir 04.08.2026
Недельный диалог, на фоне событий с НПЗ. Да, из спирта можно получать бензин, и это не сложно. Но потом в схеме я решил избавиться от насоса, при этом полностью сделав контроль подачи спирта в. . .
Термопринтер QR701
Argus19 03.08.2026
Термопринтер QR701 Купил два термопринтера QR701. На сэлф-тесте написано: Language: PC936 (GB18030). Что означает, что принтеры могут печатать только латиницу и китайские иероглифы. Так же. . .
Создание формы заимствованного документа
Maks 03.08.2026
Задача: Необходимо создать собственную форму заимствованного документа. На форме должен быть реквизит "Покупатель", а также табличная часть со следующими реквизитами: - Расчетный счет покупателя. . .
Задача предоставления скидок покупателям
Maks 03.08.2026
Задача: В документе "Продажи" необходимо реализовать функционал предоставления скидок покупателям. Скидка должна автоматически рассчитываться и подставляться в соответствующее поле при выборе. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru