Normalde bildirimler sıralı çıkıyor random çıkması için ne yapabilirim ?
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SMM Panel Sahte Bildirim Kodu</title>
</head>
<body>
<style>
.latest-sales {
background: #fff;
width: 280px;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
padding: 20px;
border-radius: 10px;
position: fixed;
bottom: 30px;
left: 30px;
z-index: 9999;
display: none;
}
.latest-sales.active {
display: block;
animation-name: latest-animation;
animation-duration: .5s;
}
@keyframes latest-animation {
from {opacity: 0;}
to {opacity: 1;}
}
</style>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>2</strong> dakika once <strong>100 Gerçek Beğeni</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>4</strong> dakika once <strong>1000 Türk Takipçi</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>2</strong> dakika once <strong>7500 Türk Takipçi</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>4</strong> dakika once <strong>3000 Türk Takipçi</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>5</strong> dakika once <strong>1000 Türk Beğeni</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>3</strong> dakika once <strong>100 Gerçek Beğeni</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>1</strong> dakika once <strong>100 Gerçek Beğeni</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>4</strong> dakika once <strong>1000 Türk Beğeni</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>3</strong> dakika once <strong>3000 Türk Takipçi</strong> siparisi geldi.
</div>
<div class="latest-sales">
<strong>Yeni Siparis !</strong><br>
<strong>5</strong> dakika once <strong>3000 Türk Takipçi</strong> siparisi geldi.
</div>
<script>
function sleep(ms) {
return new Promise(resolve => {
timeout = setTimeout(resolve, ms)
});
}
async function latest() {
var latest = document.getElementsByClassName("latest-sales");
var i;
for (i = 0; i < latest.length; i++) {
await sleep(5000);
latest[i].classList.add('active');
await sleep(8000);
latest[i].classList.remove('active');
await sleep(5000);
}
}
latest();
</script>
<script src="https://yazilim.online/sistem/y/sweetalert2.min.js"></script>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<link rel="stylesheet" href="assets/slick/slick.css">
<link rel="stylesheet" href="assets/slick/slick-theme.css">
<script src="assets/slick/slick.js"></script>
</body>