Rise,
Проaбгрейдим
|
Сообщение от Riroy
|
|
они зашифрованы
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.time{
margin-right: 10px;
color: #999;
}
.mess{
color: #555;
margin-left: 10px;
}
.name{
display: inline-block;
width: 105px;
}
</style>
</head>
<body>
<div id="chatroom"></div>
<script>
var room = document.querySelector('#chatroom');
var observer = new MutationObserver(function(mutations) {
mutations.forEach(mutation=>{
var audio = new Audio('http://boobooka.com/wp-content/uploads/2016/09/ICQ_-_Zvuk_as_ki.mp3');
audio.play();
});
});
observer.observe(room, {childList: true});
//Эмулятор чата
var rnd = (min, max) => Math.floor(Math.random() * (max - min)) + min;
var chat = ['Приветики','Как делишки?','Вы все г***', 'Я тебя люблю!', 'Ты че братан попутал?', 'Как погодка?', 'ля-ля-ля ля-ля-ля'],
nameUs = ['KiskaLove','100%Малышка','MafiaBoY', 'Spiker'],
color = ['red','green','blue','cyan'];
(mess=()=>{
var rn = rnd(0, nameUs.length);
room.insertAdjacentHTML('beforeend', `<div><span class="time">${new Date().toLocaleString('ru', {
hour: '2-digit',
minute: '2-digit',
second: '2-digit'
})}</span> <span class="name" style="color:${color[rn]}">${nameUs[rn]}:</span> <span class="mess">${chat[rnd(0, chat.length)]}</span></div>`);
setTimeout(mess,rnd(500,3000));
})();
</script>
</body>
</html>