Как задать смену содержимого/контента страницы по тайму?
Здравствуйте!
Предположим, мне надо чтобы в определённое время (например, 10.10.2023) картина1 автоматически сменилась на картинку2.
Как это можно сделать? И будет ли это работать с другим контентом, например, с текстом или скриптом?
Очень прошу вашей помощи.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Картинки</title> </head> <body> <p><img src="images/kartinka1.png"</p> </body> </html> |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Картинки</title> </head> <body> <p><img src="images/kartinka1.png"</p> </body> </html>
Дополнительно:
tisheena Правила 5.12.
Для начала, тебе нужно определится какой способ выбрать:
1. Если страница формируется на бакенде, то при формировании можно по условию выбирать ту или иную картинку (или даже фрагмент любого кода).
2. Если нет возможности делать на бакенде, то можно все это делать с помощью JS
Какой способ предпочтительней?
- Второй способ.
- А какой алгоритм, у тебя 365 картинок на каждый день, или у тебя две картинки и 10.10.2023 одна сменяется на другую. Опиши подробнее...
- Константин, картинка1 в назначенное время сменяется на картинку2, и всё.
- Примерно так
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Картинки</title> </head> <body> <p><img id="img_main" src="images/kartinka1.png"</p> <script> let dateImg = new Date(2023, 10, 10); let now = new Date() let today = new Date(now.getFullYear(), now.getMonth(), now.getDate()) if(dateImg.getTime() === today.getTime()) {document.getElementById("img_main").src = 'images/kartinka2.png' } </script> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Картинки</title> </head> <body> <p><img id="img_main" src="images/kartinka1.png"</p> <script> let dateImg = new Date(2023, 10, 10); let now = new Date() let today = new Date(now.getFullYear(), now.getMonth(), now.getDate()) if(dateImg.getTime() === today.getTime()) {document.getElementById("img_main").src = 'images/kartinka2.png' } </script> </body> </html>
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы задать смену содержимого или контента страницы по таймеру, можно использовать JavaScript. Вот пример кода, который позволит вам это сделать:
// Установить интервал времени в миллисекундах (например, каждые 5 секунд) var interval = 5000; // Функция для смены содержимого страницы function changeContent() { // Здесь вы можете написать код, который будет менять содержимое страницы // Например, изменить текст, изображение или другие элементы } // Установить интервал для вызова функции changeContent setInterval(changeContent, interval);
В данном коде мы задаем переменную `interval` равную 5000 миллисекунд (то есть каждые 5 секунд). Затем создаем функцию `changeContent`, которая будет отвечать за изменение содержимого страницы. Вы можете внутри этой функции написать любой код, который изменит нужные вам элементы на странице.
Наконец, с помощью функции `setInterval` мы устанавливаем интервал, с которым будет вызываться функция `changeContent`. Таким образом, каждые 5 секунд будет происходить смена содержимого страницы.
Этот пример демонстрирует базовый подход к смене содержимого страницы по таймеру с использованием JavaScript. Вы можете доработать этот код и настроить его под свои нужды, добавив любые другие действия или анимации при смене контента.