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

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

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

Новые блоги и статьи Все статьи Все блоги /
Часы электронные 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 Текстовая версия	Неделя из жизни имитационной модели склада: мои кривые руки растут, откуда надо anaschu 10.08.2026 Неделя из жизни имитационной модели склада: как я почти написал неправильную логику и что с этим делать Работаю сейчас над учебно-рабочим проектом: строю в AnyLogic имитационную модель процессов. . .
Калькулятор для расчета родства russiannick 07.08.2026 1. Задача: Создать калькулятор для расчета родства. Родственных связей существует 8 ступеней, такие как: p - отец P - мать q - муж Q - жена b - брат B - сестра s - сын S - дочь	Мир по моей воле kumehtar 07.08.2026 Когда-то кажется, что всё просто. Ты весь такой светлый. Причиняешь добро. Борешься за справедливость в этом тёмном мире. Потом начинаешь замечать одну неприятную вещь. Почти каждый хороший. . .	Кредитный калькулятор Maks 05.08.2026 Решение задачи по прикладной информатике средствами 1С. Задача: Напишите приложение-калькулятор, которое помогает рассчитывать параметры кредита для аннуитетного и дифференцированного видов. . .	У нас сейчас поговорку "Опять 25" нужно переделать на "Опять +35". kumehtar 04.08.2026 С ностальгией вспоминаю времена моего детства, когда у нас и правда +25 - была максимальная температура летом. Раньше +25 °C реально казались вершиной жары, когда можно было весь день пропадать на. . .