![]() 0 / 0 / 0
Регистрация: 16.01.2017
Сообщений: 110
|
||||||
Таймер обратного отсчета для перенаправления на другую страницу12.03.2017, 17:54. Показов 28689. Ответов 10
Метки нет Все метки)
(
Вопрос как бы уже заложен в заголовке темы. Прохожу регистрацию на сайте, жму кнопку "Зарегистрироваться" и перехожу на страничку, на которой показывается сообщение: "Регистрация прошла успешно! Проверьте свою почту и подтвердите регистрацию. Через 10 секунд вы будете перенаправлены на главную страницу."
Сейчас пока один вопрос. Как сделать так, чтобы посетитель видел не эти статичные "10 сек", а таймер в режиме реального времени, отсчитывающий секунды в обратном порядке до "0". Как только показывается "0", происходит перенаправление на главную страницу. Сейчас пока поставил вот этот скрипт:
![]() P.S. Если решу проблемку самостоятельно, напишу.
0
|
12.03.2017, 17:54 | |
Ответы с готовыми решениями:
10
Таймер обратного отсчета для сайта
|
![]() 3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
||||||||||||||||
12.03.2017, 18:13 | ||||||||||||||||
P.S. Если принципиально нужно jQuery. Пример в песочнице
1
|
![]() 0 / 0 / 0
Регистрация: 16.01.2017
Сообщений: 110
|
||||||||||||||||
12.03.2017, 19:11 [ТС] | ||||||||||||||||
заменил свой код JS на первый из приведенных выше, вставил в <HTML> вместо своих "10". Теперь так:
В чем м.б. причина? Добавлено через 6 минут "Регистрация прошла ..." в теге <p> Добавлено через 32 минуты пока не работает нашел и поставил вот это:
0
|
![]() 3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
||||||
12.03.2017, 19:15 | ||||||
В первую очередь, причину нужно искать в консоли. А консоль могла вывести ошибку типа: "TypeError: output is null". Если это так, то код ваш начинает выполняться до того, как загрузятся элементы страницы, с которыми он должен работать. Посему, или же разместите JS-код в конце страницы, или же отслеживайте загрузку DOM:
0
|
![]() 0 / 0 / 0
Регистрация: 16.01.2017
Сообщений: 110
|
||||||||||||||||||||||||||
12.03.2017, 20:28 [ТС] | ||||||||||||||||||||||||||
подумаю на вашим последним постом, поскольку с DOM пока не знаком ( слышал звон, да не знаю где он )
сейчас вот здесь http://www.webengineer.pro/jav... javascript нашел еще одно объяснение установки таймера обратного отсчета. Взял оттуда код JS и чуть подправил его:
Появились цифиры, но отсчет не начался. Подозреваю, что надо, чтобы произошло какое-то событие, которое запустит функцию. Пока не знаю какое. Добавлено через 53 минуты Вот же бл..н! Решил задачку, поставив код после
Добавлено через 57 секунд Почему? Не знаю. Может кто пояснит ... так, для сведения.
0
|
![]() 3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
12.03.2017, 23:27 | |
![]() Решение
Что же тут непонятного? Код в браузере загружается не одновременно, а читается постепенно сверху вниз. Как только браузер дошёл до вашего JS-кода, тот он начинает сразу выполняться. В коде у вас, например, записано: "найти на странице элемент с классом my-class", но загрузка еще не дошла до этого элемента и по сути его просто не существует еще на странице.
Если JS подключать внизу страницы, то естественно, что все элементы до этого момента уже будут прочитаны браузером. Если же JS подключать в <head> , то необходимо дать команду "отложенного выполнения". То есть, мы говорим браузеру, что JS не начинать выполнять до тех пор, пока все элементы страницы не будут загружены.
0
|
![]() 3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
|
|
13.03.2017, 03:07 | |
Опять же, уже выше написано
0
|
![]() 0 / 0 / 0
Регистрация: 16.01.2017
Сообщений: 110
|
|
13.03.2017, 22:26 [ТС] | |
аааа, sorry за невнимательность и thanks за участие
![]()
0
|
13.03.2017, 22:26 | ||||||
Помогаю со студенческими работами здесь
11
Таймер обратного отсчета Таймер обратного отсчёта Таймер обратного отсчета для перезагрузки страницы Таймер обратного отсчета на JS Таймер обратного отсчёта Искать еще темы с ответами Или воспользуйтесь поиском по форуму:
|
|
Новые блоги и статьи
![]() |
||||
Агрегаты и сущности в DDD микросервисах
Javaican 10.04.2025
Разработка современных программных систем часто приводит на распутье: монолит или микросервисы? Даже при выборе микросервисной архитектуры многие команды сталкиваются с проблемой правильного. . .
|
Многопоточность в C#: Task и параллельное программирование
UnmanagedCoder 10.04.2025
Современные процессоры уже давно перестали наращивать тактовую частоту в пользу увеличения количества ядер. Это создало интересную ситуацию: разработчики, привыкшие к последовательному. . .
|
Линейное решение нелинейной задачи. Формулы от LM по моему решению пока не проверял. В итоговой её формуле видно её заблуждение.
Hrethgir 10.04.2025
В продолжение
Эта LM дала ответ похожий на нормальный.
В комментриях мой комментарий - похоже она ошиблась с выведением итоговой формулы, но остальные проверю.
Assistant
qwen2. 5-14b-instruct
. . . .
|
Переменные в Python
py-thonny 10.04.2025
Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .
|
Многопоточность в C#: Task и асинхронные операции
UnmanagedCoder 10.04.2025
Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .
|
Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена).
Hrethgir 10.04.2025
В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .
|
Запуск контейнеров Docker на ARM64
Mr. Docker 09.04.2025
Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .
|
Vue SFC компонент на PHP с Fusion
Jason-Webb 09.04.2025
PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .
|
TypeScript vs JavaScript: Отличия и когда что использовать
Reangularity 09.04.2025
JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .
|
Подключение Kafka к Elasticsearch
Codd 09.04.2025
Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .
|