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

@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-задержка перед выводом на экран*/

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

Новые блоги и статьи Все статьи Все блоги /
Когда логика программы не спасает от человеческих ошибок Maks 18.08.2026 В последнее время всё чаще и чаще сталкиваюсь с таким явлением, как абсолютная невнимательность (или глупость) пользователей. Проявляется это чаще всего на работе в коллективе. Допустим, человек с. . .	Лето уходит kumehtar 17.08.2026	Мысли в слух kumehtar 17.08.2026 Забавно, насколько сейчас стала доступна информация. Например о магии, духовном развитии, медитациях, и других подобных направлениях, ранее зачастую тайных, передаваемых от учителя к ученику. Хотя. . .	Перемещение строк из ТЧ в другой документ с учетом текущего пробега Maks 17.08.2026 Реализация из решения ниже выполнена на примере нетипового документа "Автозапчасти", с ТЧ "Шины". За основу взят алгоритм отсюда: https:/ / www. cyberforum. ru/ blogs/ 359708/ 10838. html Задача: . . .
Саморегулирующийся социальный контракт для сервера cross-section. Hrethgir 14.08.2026 С кодом конечно таких глубоких размышлений пока не было, впрочем я уже привык к алгоритмизации. Суть предмета записи: снова в диалоге с нейросетью (я взял пока себе ник для учётки админа - Rector). . . .	Часы электронные Uhbif79 12.08.2026 Выкладываю программу часов. Программа позволяет: 1. Использовать системное время и дату, 2. Есть возможность вводить время и дату вручную. 3. Реализованы 2 будильника: начало и конец рабочего дня. . . .	Часы с будильником на основе класса QLCDNumber Uhbif79 12.08.2026 Всем добрый день, выкладываю программу часов с будильником на основе класса QLCDNumber. Здесь я пробовал самостоятельно создавал классы, впервые столкнулся с видимостью переменной одного класса из. . .	Установка MinGW GCC 16.2 и CMake 8Observer8 10.08.2026 VK Видео: https:/ / vkvideo. ru/ video-240781534_456239017 YouTube: eY5-5PyI9NM Текстовая версия

Опции темы