setInterval/setTimeout

Question

前提・実現したいこと

タブブラウザでsetInterval/setTimeoutを使った場合に、
非活性化はどのタイミングで行われるのでしょうか
タブをアクティブしない状態が続くと、
いつの間にかsetInterval/setTimeoutの処理が止まっています
恐らくブラウザの仕様だと思うのですが、
具体的にどのくらいの時間を超過したら、
また回避策があれば教えて下さい

Comments

[m.ts10806]

止まるような処理になっているか、
オーバーフローが発生するような処理になっているかでは？

実際のコードを提示してください。

Answer 1

const win=window.open("","test","width=100,height=100");
win.document.body.innerHTML="<div id='timer'></div>";
let i=0;
setInterval(()=>win.document.querySelector('#timer').textContent=i++,100);

こうするとアクティブが外れるとtimerが正常に動作しないのがわかります
回避は厳しいと思いますが・・・