JavaScript/タイマー
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[JavaScript]]
-[[JavaScript/V8]]
-[[JavaScript/イベント]]
-[[JavaScript/サーバサイド]]
-[[JavaScript/タイマー]]
-[[JavaScript/トラブル事例]]
-[[JavaScript/ライブラリ]]
-[[JavaScript/ローカルファイル]]
----
* インターバルタイマー [#e6b4946b]
-[[JavaScriptのタイマー機能とクロック機能:http://leo.nit....
-[[ホームページ作成 JAVA Script 編 (その五) 数値関数、日...
-[[setIntervalとsetTimeoutを調べた結果余分なことになった:...
-[[ブラウザ別のタイマ性能比較:http://labs.gmo.jp/blog/ku/...
* setTimeout [#i438c493]
-[[JavaScriptのsetInterval()に引数ありの関数を渡す場合:ht...
-JavaScriptにはsleep関数がない
-setTimeout()を再帰的に呼び出すことで代用する
-setTimeout()の第1引数にはクォートが必須
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; ch...
<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/V8]]
-[[JavaScript/イベント]]
-[[JavaScript/サーバサイド]]
-[[JavaScript/タイマー]]
-[[JavaScript/トラブル事例]]
-[[JavaScript/ライブラリ]]
-[[JavaScript/ローカルファイル]]
----
* インターバルタイマー [#e6b4946b]
-[[JavaScriptのタイマー機能とクロック機能:http://leo.nit....
-[[ホームページ作成 JAVA Script 編 (その五) 数値関数、日...
-[[setIntervalとsetTimeoutを調べた結果余分なことになった:...
-[[ブラウザ別のタイマ性能比較:http://labs.gmo.jp/blog/ku/...
* setTimeout [#i438c493]
-[[JavaScriptのsetInterval()に引数ありの関数を渡す場合:ht...
-JavaScriptにはsleep関数がない
-setTimeout()を再帰的に呼び出すことで代用する
-setTimeout()の第1引数にはクォートが必須
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; ch...
<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>
ページ名: