Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск  
 
 
Рейтинг 4.86/7: Рейтинг темы: голосов - 7, средняя оценка - 4.86
 Аватар для Thomek
-3 / 0 / 0
Регистрация: 17.02.2022
Сообщений: 34

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

08.07.2024, 09:37. Показов 1843. Ответов 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
3961 / 2123 / 833
Регистрация: 13.03.2010
Сообщений: 6,970
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
Ответ Создать тему
Новые блоги и статьи
Контроль уникальности строк в табличной части документа
Maks 18.06.2026
Алгоритм из решения ниже разработан на примере нетипового документа "ПланированиеСпецтехники" с табличной частью "НаличиеОборудования", разработанного в КА2. Задача: контроль уникальности строк в. . .
Клиент
Uhbif79 18.06.2026
Здесь простой клиент для работы с сервером.
Сервер
Uhbif79 18.06.2026
Выкладываю простейший сервер.
Дефенестрация
kumehtar 18.06.2026
Узнал интересное слово. Дефенестрация. Это когда ты выбрасываешь кого-либо или что-либо из окна. Возьму на вооружение)))
Дихотомия добра и зла
kumehtar 18.06.2026
Как Дзен-буддисты говорят о добре и зле: не нужно воевать против зла, нужно воевать против невежества. Тогда добро станет ествественным, и поэтому вечным. Но дело в том, что невежество всё время. . .
Своя Интернет-Компания
iceja 18.06.2026
Я программист с экономическим образованием, пишу свой проект, это SaaS для бизнесов. Мне нужен co-founder с высшим экономическим образованием, и/ или инвестор. Сейчас проект в интенсивной разработке,. . .
24 Мат модель здравосохранения: функциональные требования к строительству пищеблока
anaschu 18.06.2026
СРесурсами1: финансовый SD-контур, калькулятор функциональных требований пищеблока Сегодня разделили затраты в агенте Экономика по образцу модели НАСОСЫ, добавили расчёт ROI и построили первый. . .
23. что сделано за последнее время.
anaschu 17.06.2026
• Эталон: Клиника НИИ питания РАМН, Москва — централизованный пищеблок, 225 коек, 180 пациентов • Git: репозиторий med2, ветка абсентеизм. Рабочий файл: СРесурсами1_v4. alp • Смежный проект:. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru