28-03-26, 11:33 PM
عليكم السلام و رحمة الله و بركاته
انا افترضت توقيت زمني لمدة خمس ثواني لانبثاق النافذة
ايضاً وضعت لك تضمين في نفس الكود ان اردت تكرار ظهور نفس النافذة
يمكنك تعديل الكود بما شئت .
انا افترضت توقيت زمني لمدة خمس ثواني لانبثاق النافذة
ايضاً وضعت لك تضمين في نفس الكود ان اردت تكرار ظهور نفس النافذة
يمكنك تعديل الكود بما شئت .
PHP كود :
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8">
<title>Popup</title>
<style>
#overlay {
display: none;
position: fixed;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
}
#popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
}
</style>
</head>
<body>
<div id="overlay"></div>
<div id="popup">
<h3>تنبيه</h3>
<p>اهلا و سهلا بك</p>
<button onclick="closePopup()">إغلاق</button>
</div>
<script>
// يعمل مرة واحدة بعد 5 ثواني
setTimeout(function () {
document.getElementById("popup").style.display = "block";
document.getElementById("overlay").style.display = "block";
}, 5000);
// الكود الاحتياطي (مكرر كل 5 ثواني)
// let popupInterval = setInterval(function () {
// document.getElementById("popup").style.display = "block";
// document.getElementById("overlay").style.display = "block";
// }, 5000);
// إغلاق النافذة
function closePopup() {
document.getElementById("popup").style.display = "none";
document.getElementById("overlay").style.display = "none";
}
</script>
</body>
</html></html>


![[صورة مرفقة: 177461173141861.gif]](https://up6.cc/2026/03/177461173141861.gif)