HTML 5 と jquery を使用してアプリケーションにタイマーを設定しています。別のタブに移動するか、ウィンドウを最小化すると、その数秒間のタイマーが停止します。これいらない。そして、ウィンドウ(タブまたはブラウザページ、あなたが何を言っても)を開くと、タイマーが開始します。しかし、その秒の間一時停止します。問題は何ですか?そのためにどのコードを書く必要がありますか?
ウィンドウを最小化したり、新しいタブを見たりしても、タイマーがオンになっている必要があります。
タイマーを取得するコードは次のとおりです。
ここでタイマーが設定されて実行されますが、フォーカスを他のページに移動するとすぐにタイマーが一時停止します。ここでは機能を示します。
function showTime()
{
if(ms>=100){
ms = 0;
s++;
}
// calculates seconds and hours also
var temp= $("#clock").text(checkTime(h)+":"+checkTime(m)+":"+checkTime(s)+"."+checkTime(ms));
if(windows_focus=true){
timer=setTimeout('showTime()', 10);}
else if(windows_focus=false){
timer=setTimeout('showTime()', 100);
}
}
checktime は、数字 <10 の前にゼロを追加するだけの関数です。
windows_focus=false も追加したところです。離れた場合も機能するはずですが、取得できません。
setIntervalを使用すると、setIntervalも使用しようとしましたが、ウィンドウを最小化してもタイマーが開始されます。しかし、問題は、時間が非常に奇妙な方法で進行することです。非常に高速に実行されます。
誰でも私を助けてください。
http://jsfiddle.net/JWxS6/44/これは私のコードを見るのに役立つかもしれません。
私は本当に新しいです、私を助けてください