カウントダウンが1秒より遅くなる

Question

HTML5ゲームを製作中なのですが、制限時間のカウントダウンがなぜか1秒よりも少し遅くなってしまいます。
原因がわかる方、どうかご提示よろしくお願いいたします。

var FPS = 60;
var gameFrame = 0;
var startTime = 0;
var delta = 0;
var lastTimeStamp = 0;
var frameTime = 1 / FPS;
var limitTime = 0;
function mainLoop() { //メインループ処理
	var t = new Date().getTime();
	if (lastTimeStamp > 0) {
		delta = (t - lastTimeStamp) / 1000;
	}
	lastTimeStamp = t;
	gameFrame++;
	if (delta <= frameTime) {
		requestAnimationFrame(mainLoop);
		return;
	}
	
	timeLimit();
	
	requestAnimationFrame(function() {
		mainLoop();
	});
}

function timeLimit() {
	var timing = 1000 / 1000 * FPS;
	if(limitTime >= 0 && gameFrame % timing === 0){
    	limitTime--;
	}
}

Comments

[y_waiwai]

カウントダウンとはどれでしょうか

[maisumakun]

「少し」とはどのくらいでしょうか。1ミリ秒か10ミリ秒か100ミリ秒か1秒かによって、できること、しなければならない対応も変わってきます。

[nosonosolife]

> y_waiwaiさん
timeLimit()の部分です。

[nosonosolife]

> maisumakunさん
計測してみたところ、2秒くらい遅れているようです。

Answer 1

FPS = 60;とありますが、ブラウザのフレームレートは常に全開で動いているわけではなく、処理が重い、あるいは書き換えることがないといった理由で、よく間引かれます。

「フレーム数を数えてそれに応じて時間を測定する」という方式では、まったく当てになりません。