インターバルタイマー

setTimeout

  • 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>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2017-04-09 (日) 20:46:57 (1180d)