Как привязать таймер на динамически созданный элемент?

Question

[SergOdinokiy]

Как привязать таймер на динамически созданный элемент? Элементов всего 12 каждый будет создаваться рандомно в разных блоках. По тому как создаются по клику пользователя который передается с сокета другим пользователем.
Как обрабатывать данное событие? Надо что бы каждый такой элемент пробыл на странице 3 секунды потом удалился.

var like = document.createElement("img");
like.src="https://site.ru/png/l.png";
like.className="like"+id;
document.querySelector('.user[uidm="'+JSON.parse(event.data).user+'"]').appendChild(like);
setTimeout(function(){
var el = document.getElementsByClassName('like'+JSON.parse(event.data).user)[0];
el.parentNode.removeChild(el);
},2000);

Answer 1

[Пашенька]

Как из приведённого кода понять, есть ли на стр элемент

document.getElementsByClassName('like'+JSON.parse(event.data).user)[0];

??
Полагаю, в этом и проблема вашего кода.

Comments

[SergOdinokiy]

Это понятно элемент создается функцией. Так что он есть

if (event.room === romm.table){
/// Создать элемент на аватарке кто поставил лайк
var like = document.createElement("img");
like.src="https://site.ru/png/l.png";
like.className="like"+id;
document.querySelector('.user[uidm="'+JSON.parse(event.data).user+'"]').appendChild(like);
setTimeout(function(){
var el = document.getElementsByClassName('like'+JSON.parse(event.data).user)[0];
el.parentNode.removeChild(el);
},2000);
}

Вот так это выглядит примерно

[Пашенька]

SergOdinokiy, так здесь то же самое. Вы создали картинку, потом воткнули ее в некоторый элемент. Потом выбираете ДРУГОЙ какой-то элемент и собираетесь его удалить. Что это за элементы(кроме картинки), непонятно.

Поэтому я отвечу на вопрос обще: где вставляете элемент, там его и удаляйте через n секунд. Код нормальный, осталось правильно выбрать элемент.

[SergOdinokiy]

like-a-boss, Дело в том что это все в реал тайме происходит. На страницы есть авотарки пользователей. Пользователь тыкнул у него картинка с лайком появилась. Потом просто надо удалить этот элемент у того пользователя у которого появилась она. Но элемент у каждого из них создается одной функцией. Надо как то обработчик на элемент повесить или еще что-то. Не как придумать не могу)))

[SergOdinokiy]

like-a-boss, Может создавать элемент с атрибутом UNIXtime и перебирать эти элементы в цикле? И удалять те у которых UNIXtime больше на 2 секунды. Не знаю правильное будет это решение?

[Пашенька]

SergOdinokiy, с вебсокетами не имел дела, но, насколько я понимаю, всё просто: при клике происходит socket.send с клиента, в нем мы передаём id пользователя которому лепим лайк, (так же от какого id и прочее нужное). На сервере в socket.on(‘message’ распределяем: если адресовано конкретному айди, то sendим только ему, иначе - всем. На клиенте в обработчике socket.onmessage обрабатываем пришедшее сообщение (лайк) - вставляем элемент с оповещением и удаляем через 2 секи.