JavaScript/タイマー

インターバルタイマー †

setTimeout †

JavaScriptのsetInterval()に引数ありの関数を渡す場合

JavaScriptにはsleep関数がない
setTimeout()を再帰的に呼び出すことで代用する
setTimeout()の第1引数にはクォートが必須

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
  <title>setTimeout()のテスト</title>
</head>
<body>
<h1>setTimeout()</h1>
first: <div id="first" style="display:inline"></div> <br>
last : <div id="last" style="display:inline"></div> <br>
dif  : <div id="dif" style="display:inline"></div> <br>

<script type="text/javascript">
var retry_times = 10; // 何回 setTimeout() を実行するか
var timeout_ms = 100; // 何ms後に実行するか
var retry_count = 0;
var dif = 0;

var first = (new Date).getTime();
var last = 0;

document.getElementById("first").innerHTML = first;

function hoge() {
	last = (new Date).getTime();
	document.getElementById("last").innerHTML = last;
	retry_count++;
	
	if (retry_count > retry_times) {
		document.getElementById("dif").innerHTML = (last-first);
		return true;
	}
	
	setTimeout("hoge()", timeout_ms);
}

hoge();
</script>

</body>
</html>

JavaScript/タイマー

最新の20件

インターバルタイマー †

setTimeout †