Okienko z powiadomieniem push

Cześć, jestem zielony w js.

            const modal = document.querySelector("#modal");
  
              const openModal = document.querySelector(".open-button");
  
              const closeModal = document.querySelector(".close-button");
  
              var show = document.querySelector("#modal").showModal;
  
              
              openModal.addEventListener("click", () => {
                modal.showModal();
              });
  
              
              closeModal.addEventListener("click", () => {
                modal.close();
              });

Pojawia mi się okienko dialogowe ("#modal") po kliknięciu na button, ale chciałbym, aby to okienko pojawiało sie także 2 sekundy po wczytaniu strony automatycznie (powiadomieni push).
Nie wiem jak to ugryźć ;/ Help
Z góry dziękuję :)

1. https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event
2. https://developer.mozilla.org/en-US/docs/Web/API/setTimeout

element.addEventListener('load’, () => {
 modal.show();
 setTimeout(() => {
  modal.hide();
 }, 2000);
});

Pisane z łapy, więc jak coś nie tak to przepraszam.

rjakubowski napisał(a):

element.addEventListener('load’, () => {
 modal.show();
 setTimeout(() => {
  modal.hide();
 }, 2000);
});

Pisane z łapy, więc jak coś nie tak to przepraszam.

Dzięki, ale zadziałało to:

          document.addEventListener("DOMContentLoaded", () => {
          modal.showModal();
          setTimeout(() => {
           modal.hide();
           }, 2000);
            });

Tylko too opóźnienie nie działa ;/