javascriptでダイアログを一定時間表示したい

画面を作成しているのですが、ダイアログを一定時間表示したいです。
したいことは次のことです。
とある画面にアクセスする→ダイアログを表示する→１０秒経過する→ダイアログを自動で閉じて、事前に用意しておいた関数を動かす
alert()を用いてダイアログを表示したのちに、setTimeout()で１０秒経過後に事前に用意しておいた関数を動かすことはできました。
ただ、その場合だと、alertで表示されたダイアログでOKをクリックしなければなりません。
理想としては表示されたダイアログが表示されてから１０秒後に勝手に閉じて、自前関数を動かすということです。
これは実現可能でしょうか。
alertにこだわっているわけではないので他に手段があれば教えていただきたいです。
よろしくお願いします。

行動規範の内容に同意します

回答2件

javascript
1<script>
2window.addEventListener('DOMContentLoaded', ()=>{
3  let timerID;
4  const myfunc=()=>{
5    console.log('事前に用意しておいた関数');
6  };
7  b1.addEventListener('click',()=>{
8    d1.showModal();
9    timerID=setTimeout(()=>{
10      d1.close();
11      myfunc();
12    },2000);
13  });
14  b2.addEventListener('click',()=>{
15    d1.close();
16    clearTimeout(timerID);
17  });
18});
19</script>
20<dialog id="d1">
21<input type="button" value="ok" id="b2">
22</dialog>
23<input type="button" value="open dialog" id="b1">
24