カウントダウンタイマーはChrome/Safariで正しくレンダリングされませんが、Firefoxでは正常に表示されます

Question

function countDownRound() { 
    if(myRoundTimeRemaining >= 0){ 
     var secs = myRoundTimeRemaining; 
     if(secs < 10) 
     { 
      secs = "0" + secs; 
     } 
     $("#countdown").html(':'+secs); 
     CountdownTimer = setTimeout(countDownRound, 1000); 
     myRoundTimeRemaining--; 
    } 
    else{ 
     $("#countdown").html(''); 
    } 
} 

上記のコードは、Firefoxで予想されることです。減少する数が毎秒 "カウントダウン"要素に表示されます。

SafariとChromeでは、コードは正しく実行されますが、画面上の要素は変更されません。ブラウザウィンドウのサイズを変更するなど何かが発生した場合、要素は正しく更新されます。

これは、ある種の最適化またはスレッドベースの問題のようですが、解決策が見つかりません。

Answer 1

Chrome、Safari、Firefoxでもうまく動作します。

おそらく、あなたはあなたの結果を表示するには、HTMLタグを使用する必要が `tをこの場合は、テキスト（）はHTML（）よりも優れて動作する可能性があります。

）は、（代わりにHTML

$("#countdown").text(':'+secs); 

を使用してみてください。

OBS：あなたの手術系の不安定な子供たちも、ブラウザのレンダリングに影響を与えているようです。誰かがこれを確認したり拒否したりできますか？