.getTime（）はどのように機能しますか？

Question

この声明はなぜ機能しますか？私は毎秒20-25フレームで画面を更新しようとしています。なぜ私はこれが動作するのか理解しています。新しいDate（）。getTime（） - lastLoopRunを使用すると、lastLoopRunがnew Date（）。getTime（）と等しいため、結果が毎回ゼロでないのはなぜですか？私は変数が0から始まるという事実と関係があると知っていますが、それは私にはあまり意味がありません。

var lastLoopRun = 0; 
function loop() { 
     if (new Date().getTime() - lastLoopRun > 40) { 
      handleControls(); 
      showSPrites(); 

      lastLoopRun = new Date().getTime(); 
     } 
     setTimeout('loop();', 2); 
    } 

Answer 1

lastLoopRunをチェックすると、それはまだ現在の時刻に更新されていません。それは、ループの先頭で更新された場合、あなたが言ったよう

だから、ループの最初で、それはまだ前のループからその古い値を持っている、または0

のいずれか、それは常に0になります。

Answer 2

new Date().getTime()は、1970年1月1日00:00:00 UTCから現在の時刻までの経過時間をミリ秒で返します。したがって、1秒ごとに1000ずつ増加します。

function loop() { ...; setTimeout('loop();', 2);}は、2ミリ秒ごとにloop()を呼び出します。

loop() -> elapsed about 40 ms after previous action? -> after 2 ms 
-> loop() -> elapsed about 40 ms after previous action? -> after 2 ms 
-> loop() -> elapsed about 40 ms after previous action? -> after 2 ms 
-> loop() -> OK! elapsed -> do action -> update timestamp -> after 2 ms 
-> loop() -> elapsed about 40 ms after previous action? -> after 2 ms 
-> ...