Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
0 / 0 / 1
Регистрация: 03.03.2012
Сообщений: 23

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

21.02.2019, 12:19. Показов 910. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Перерыл все, ничего не нашел, чтобы работало внутри PHP кода. Сам в яваскрипте не шарю, прошу помочь написать таймер отсчета с 15 до 0. Спасибо
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
21.02.2019, 12:19
Ответы с готовыми решениями:

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

Можете написать таймер обратного отсчета
Напишите таймер обратного отсчета. Формат таймера: мм:сс Начальное значение таймера 02:00 Таймер должен остановиться при...

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

2
Эксперт JS
6496 / 3907 / 2006
Регистрация: 14.06.2018
Сообщений: 6,781
21.02.2019, 12:58
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
<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <input type="text" id="num" value="15" />
    <input type="button" id="start" value="Пуск" />
    <script>
        document.getElementById("start").onclick = clickHandler;
 
        function clickHandler(el) {
            let timerId = setInterval(tick, 1000),
                num = document.getElementById("num");
 
            function tick() {
                let current = num.value - 1;
                num.value = current;
                if (!current)
                    clearInterval(timerId);
            }
        }
    </script>
</body>
</html>
Здесь поле ввода удобно, потому что можно заводить таймер на разное количество секунд.
Но можно и выводить цифры и в любые другие html-элементы.
0
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
21.02.2019, 13:19
насчёт нужности "поля ввода" и "пуска" терзают смутные сомнения, поэтому вариант без них:
PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
function mytimer ()
{
var obj = document.getElementById ('cdt');
obj.innerHTML = --obj.innerHTML;
if (obj.innerHTML > 0) setTimeout (mytimer, 1000);
else
   {
   // здесь прописываем нужное по окончании отсчёта действие, например, переход на другую страницу
   // document.location href = 'mypage.html'; а пока просто
   alert ('отсчёт закончен');
   }
}
onload = function () {setTimeout (mytimer, 1000);}
</script>
<body>
подождите <b id="cdt">15</b> сек.
</body>
искать что-то, работающее внутри PHP-кода, было бесполезной тратой времени
потому что PHP-код один раз отрабатывает на сервере и "умирает"
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
21.02.2019, 13:19
Помогаю со студенческими работами здесь

Не отображается счётчик обратного отсчёта на HTTPS
Добрый день! Есть сайт https://xstrongumbrella.com/ В нижней части страницы вставлен счётчик обратного отсчёта (псле фразы * Promotion...

Не могу разобрать код таймера обратного отсчета
где в этом коде момент, в котором секунд становится на единицу меньше?function startTimer(duration, display) { var timer = duration,...

Проблема настройки таймера обратного отсчета в JavaScript
Доброго времени суток.Получил в наследство сайт с таймером обратного отсчета,столкнулся с такой проблемой,не могу установить дни.Отсчет...

Интерактивный таймер обратного отчета на страницу сайта (не для сайта заглушки)
Всем добрый вечер,прошу помощи если это возможно. Необходимо создать простой таймер обратного отсчета который использует в работе только...

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


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Ритм жизни
kumehtar 27.02.2026
Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten
8Observer8 27.02.2026
Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .
SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами
8Observer8 20.02.2026
Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .
Конвертировать закладки radiotray-ng в m3u-плейлист
damix 19.02.2026
Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI
Eddy_Em 18.02.2026
Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru