Последовательность выполнения функций

@bsi1 · Регистрация: 05.05.2014

Студворк — интернет-сервис помощи студентам

Всем привет. Я чайник в JS, но вот понадобилось выполнить последовательную работу функций. Функции выполняют вывод изображений на экран на некоторое время и потом удаляют эти изображения с экрана. Изображения разные, появляются в разных местах экрана. Вот что у меня есть

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
window.onload=function(){
var image = document.getElementById("rybak");
setTimeout(() => image.style.display = "block", 5000);
setTimeout(() => image.style.display = "none", 20000);
}
 
window.onload=function(){
var image = document.getElementById("polkarasya");
setTimeout(() => image.style.display = "block", 5000);
setTimeout(() => kar.style.display = "none", 20000);
}
 
window.onload=function(){
var image = document.getElementById("dozavtra");
setTimeout(() => image.style.display = "block", 5000);
setTimeout(() => image.style.display = "none", 20000);.
}

Очерёдность выполнения функций такая как указано, временные показатели будут другими.
И если не составит труда, то хотелось бы добавить сюда плавное появление и скрытие изображений.
Плавное появление и скрытие не через @keyframes, а как-то на JS. Я думаю это возможно.
Всем спасибо.

@bsi1 · 24.03.2024, 14:05 **[ТС]**

Не врубаюсь я с этими временными показателями. До создания отдельных классов было как-то доходчиво

PHP
1
 animation: animRybak 131s linear 43s forwards; /*131s-длительность анимации, 43s-задержка перед выводом на экран*/

} , а тут не врубаюсь. Короче всем спасибо. Дальше продолжать не надо. Тему можно закрыть.

Новые блоги и статьи Все статьи Все блоги /
Книги по геймдизайну, левел-дизайну, игровым механикам и проектированию игрового опыта 8Observer8 08.11.2026 Содержание блога \| English Version 1. 2003 - 06 - Designing Virtual Worlds (1st Edition) Автор: Richard A. Bartle \| Объем: 768 стр. Ссылки: Amazon . . .	Родители токсичные абьюзеры по отношению к своим детям ругают их оскорбляют не любят zorxor 08.11.2026 Жить в атмосфере постоянных оскорблений, критики и холодности со стороны родителей — это тяжелое и болезненное испытание, которое оставляет глубокие эмоциональные раны. Токсичное и абьюзивное. . .	Как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Ответ от Джемени ИИ. zorxor 08.11.2026 Джемени, как только я захожу к себе в свою комнату я сразу же с себя снимаю свои трусы. Многие люди, возвращаясь домой, сразу переодеваются в максимально свободную одежду или вовсе предпочитают. . .	Паттерн очереди действий/команд (Action / Command Queue). Система очереди действий и кат-сцен с SDL3 Callbacks, cglm и OpenGL 8Observer8 07.11.2026 Содержание блога \| English Version Руководство для начинающих по реализации паттерна очереди действий/ команд (Action / Command Queue) на C++ (C++20) с использованием официального SDL3 Callbacks. . .
Проверка полного ФИО в типовом справочнике Maks 07.11.2026 Решение реализовано в конфигурации КА2, на примере справочника "КонтактныеЛицаПартнеров". Задача: Запрет инициалов. Не допускаеть использование сокращений вида "И. И. ", "И. И. ", "И И" и. . .	Про "Windows must die!" kumehtar 04.11.2026 Знаете, чет накатило. . . . Когда-то это было почти боевым кличем: мол, нормальный человек сидит на DOS, OS/ 2 или Linux, а вот это вот - Must Die. А теперь человек произносит «мастдай» с усмешкой - и. . .	Красочные поля с номером страницы svg+background-image russiannick 04.11.2026 Красочные поля с номером страницы не менее важны чем в эпоху бумажных книг. Посему спешу представить почтеннейшей публике этот важный инструмент который эти поля и формирует. В процессе разработки. . .	Вступаем в новую фазу генерации favicons, векторную. russiannick 02.11.2026 Теперь нет нужды скрывать что используется простой svg. Исходный код изображения помещаем в поле и жмем кнопку. Исходник преобразуется в вид корректный для помещения в favicon или в url(). Нажатие. . .