JavaScript/タイマーの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/タイマーへ行く。
-[[JavaScript]]
-[[JavaScript/V8]]
-[[JavaScript/イベント]]
-[[JavaScript/サーバサイド]]
-[[JavaScript/タイマー]]
-[[JavaScript/トラブル事例]]
-[[JavaScript/ライブラリ]]
-[[JavaScript/ローカルファイル]]
----

* インターバルタイマー [#e6b4946b]
-[[JavaScriptのタイマー機能とクロック機能:http://leo.nit.ac.jp/~tamura/net-ex/javascriptclock.html]]
-[[ホームページ作成 JAVA Script 編 (その五) 数値関数、日付時間関数、その他:http://homepage2.nifty.com/sak/w_sak3/doc/syshp/ja_k05.htm]]
-[[setIntervalとsetTimeoutを調べた結果余分なことになった:http://d.hatena.ne.jp/sandai/20100513/p1]]
-[[ブラウザ別のタイマ性能比較:http://labs.gmo.jp/blog/ku/2007/12/post_6.html]]

* setTimeout [#i438c493]
-[[JavaScriptのsetInterval()に引数ありの関数を渡す場合:http://www.mapee.jp/wlh/javascriptsetinterval.html]]

-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/タイマー の変更点

JavaScript/タイマーの変更点
