Ibishka, не слушай его. Я уже отвечал тебе. Тебе, как я уже сказал, нужен КОНТЕКСТ, т.е. вызываешь свой слайдер для класса slider, дальше в коде у своего слайдера ты вообще не используешь слово document, а ищешь внутри контекста slider.querySelector('допустим next slide').
Ну а сами слайдеры (3 или сколько их там надо) ты будешь вызывать уже в цикле идя по document.querySelectorAll('.slider') и вызывая свой экземпляр слайдера для каждого из этих дивов.
Но ты, видимо, не понял мой ответ на твой прошлый вопрос.
SergOdinokiy, с вебсокетами не имел дела, но, насколько я понимаю, всё просто: при клике происходит socket.send с клиента, в нем мы передаём id пользователя которому лепим лайк, (так же от какого id и прочее нужное). На сервере в socket.on(‘message’ распределяем: если адресовано конкретному айди, то sendим только ему, иначе - всем. На клиенте в обработчике socket.onmessage обрабатываем пришедшее сообщение (лайк) - вставляем элемент с оповещением и удаляем через 2 секи.
SergOdinokiy, так здесь то же самое. Вы создали картинку, потом воткнули ее в некоторый элемент. Потом выбираете ДРУГОЙ какой-то элемент и собираетесь его удалить. Что это за элементы(кроме картинки), непонятно.
Поэтому я отвечу на вопрос обще: где вставляете элемент, там его и удаляйте через n секунд. Код нормальный, осталось правильно выбрать элемент.
liltrill, А что, var в 2019 работает хуже, чем в 2018? По крайней мере он будет работать в любом обозревателе и на 1 символ короче const'а.
Открою вам тайну: 2d транслейт вызывает перерисовку.
olya_097, Вы можете дальше писать на джейквери, но у вас постоянно одна грубая ошибка: вы по сто раз выбираете один и тот же элемент в DOM (а DOM операции очень дорогие для браузера). Выбрав элемент, нужно его закешировать - положить в переменную. Выполняя лишь одно это условие, ваш код будет на порядок лучше.
olya_097, это супер-гормоздко. Я могу вам написать, как сделать элегантнее. Для этого мне нужно знать: таких блоков на странице один или может быть несколько?
