<!--親の顔より見た光景-->

日々の発見を残していきます。

【JavaScript】手軽なタイマー関数

空ループでタイマー関数を作ることが可能。

【timer.html】

<!DOCTYPE=html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Timer</title>
		<script type="text/javascript" src="timer.js"></script>
	</head>
	<body>
	</body>
</html>

【timer.js】

var wait = function( ms ) {
        var start_time = new Date();
	while ( ( new Date() - start_time ) < ms );
};

var main = function() {
	for ( var i = 0; i < 10; i++ ) {
		console.log( i + 1 );
		wait( 1000 );
	}
};
main();

開始時刻を変数に格納し、現在時刻との差分を確認する原始的な方法