javascript - クロムタブが非アクティブの場合、setInterval を使用して JS メソッドを呼び出すと正しく機能しない

Question

setInterval を使用して 1 秒ごとに Javascript のメソッドを呼び出しています。Google タブが非アクティブの場合、この関数は呼び出されないか、速度が低下します。この関数はタイマーのカウントダウン用です。Tab が非アクティブな場合でも、setInterval で 1 秒ごとに関数を呼び出す必要があります。このフォーラムで同様の質問と回答を見たことがありますが、それらの解決策はうまくいきませんでした。私はJavascriptの使用にかなり慣れていません。これが私のコードです：

<div id ="clock"/>
self.setInterval("timer()",1000); 
var timeSpentSecs = 0;
var timeLimit = 300000;
function timer()
{
     var timeLeft = timeLimit - timeSpentSecs; 
     var timeLeftHour = Math.floor(parseInt(timeLeft)/3600); 
     timeLeft = timeLeft % 3600; 
     var timeLeftMin = Math.floor(parseInt(timeLeft)/60); 
     var timeLeftSec = timeLeft % 60; timeSpentSecs++;                   
     document.getElementById("clock").innerHTML = "<B>" + ' Timeleft ' + timeLeftHour + ' :' + timeLeftMin + ' :' + timeLeftSec + "</B>";
 }