Document.addEventListener('DOMContentLoaded', () => {
// Schedule the popup for 10, 000 ms (10 s) later
setTimeout(showPopup, 10000);
});
function showPopup() {
document.getElementById('overlay').style.display = 'block';
document.getElementById('popup').style.display = 'block';
}
function hidePopup() {
document.getElementById('overlay').style.display = 'none';
document.getElementById('popup').style.display = 'none';
}
// Close button & click‑outside handler (optional)
document.getElementById('closeBtn').addEventListener('click', hidePopup);
document.getElementById('overlay').addEventListener('click', hidePopup);
Nici cu php sau html ci cu JS.
Asculti evenimentul de DOMContentLoaded, si intr-un timeout initializezi un popup
Poti sa imi trimiti un cod JS?
Nu ai scris codul corect mie imi da erori
Au am scris codul destul de corect.
Tu ai facut integrarea si adaptarea la structura ta corect?
Document.addEventListener('DOMContentLoaded', () => {
// Schedule the popup for 10, 000 ms (10 s) later
setTimeout(showPopup, 10000);
});
function showPopup() {
document.getElementById('overlay').style.display = 'block';
document.getElementById('popup').style.display = 'block';
}
function hidePopup() {
document.getElementById('overlay').style.display = 'none';
document.getElementById('popup').style.display = 'none';
}
// Close button & click‑outside handler (optional)
document.getElementById('closeBtn').addEventListener('click', hidePopup);
document.getElementById('overlay').addEventListener('click', hidePopup);
Nici limbajele de programare nu-ți plac, dar nici limba română. Ai repetat de 3 ori același lucru, în aceeași întrebare.
Pentru a face un popup care apare după câteva secunde pe un site, ai nevoie de HTML pentru conținutul popup-ului și JavaScript pentru a-l afișa după un anumit timp. PHP nu e necesar pentru această funcție.
**Exemplu simplu:**
```html
Popup după câteva secunde
#popup {
display: none;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: white;
border: 2px solid #333;
padding: 30px;
z-index: 9999;
box-shadow: 0 0 10px #000;
}
#popup button {
margin-top: 10px;
}
Bun venit pe site!
Aceasta este o fereastră popup!
Închide
// Afișează popup-ul după 3 secunde (3000 milisecunde)
setTimeout(function() {
document.getElementById('popup').style.display = 'block';
}, 3000);
```
**Cum funcționează:**
- Popup-ul (`#popup`) este ascuns inițial (`display: none`).
- După 3 secunde de la încărcarea paginii, JavaScript-ul îl afișează.
- Poți închide popup-ul cu butonul "Închide".
**Poți schimba timpul** modificând valoarea `3000` (milisecunde) din `setTimeout`.
Dacă vrei să folosești un alt design, modifică CSS-ul după preferință.
Dacă ai nevoie să integrezi acest cod într-un site PHP, pune partea de HTML și JavaScript în fișierul tău `.php` unde vrei să apară popup-ul.
Stii care e faza aici cu style. display=block nu merge deloc cel putin la mine nu merge deloc, si daca pun
setTimeout(function() {
document.getElementById('popup').style.display = 'none';
}, 3000); este exact invers, cand intru pe site mie imi apare fereastra si dupa 3 secunde mi-o ascunde, dar eu vreau sa imi apara dupa 3 secunde dupa ce am intrat pe site, nu sa mi-o ascunda dupa 3 secunde dupa ce am intrat pe site