это HTML-код для этого всплывающего окна, я должен также включить CSS? Я хочу, чтобы каждый раз, когда он показывает, он должен появиться с другим текстом
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Recent Sales Notification Popup</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<section class="custom-social-proof">
<div class="custom-notification">
<div class="custom-notification-container">
<div class="custom-notification-image-wrapper">
<img src="./pic.jpg">
</div>
<div class="custom-notification-content-wrapper">
<p class="custom-notification-content">
Mr.martin - USA<br>Purchased <b>4</b> Product Name
<small>1 hour ago</small>
</p>
</div>
</div>
<div class="custom-close"></div>
</div>
</section>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script><script src="./script.js"></script>
</body>
</html>
Я использую эту функцию setinterval, чтобы всплывать через каждые 8 секунд.
setInterval(function(){ $(".custom-social-proof").stop().slideToggle('slow'); }, 8000);
$(".custom-close").click(function() {
$(".custom-social-proof").stop().slideToggle('slow');
});