js タイマーには以下の2つのメソッドがあります：

  • setInterval() ：指定した周期（ミリ秒単位）で関数を呼び出すか、式を計算します。このメソッドは、clearInterval() が呼び出されるか、ウィンドウが閉じられるまで、関数を呼び続けます。
  • setTimeout() ：指定したミリ秒数経過後に関数を呼び出すか、式を計算します。

setInterval()

構文

setInterval(code,millisec,lang)
パラメータ 説明
code 必須。呼び出す関数、または実行するコード文字列。
millisec 必須。コードを定期的に実行または呼び出す間隔（ミリ秒単位）。
lang 任意。 JScript | VBScript | JavaScript

次の例では、1000ミリ秒ごとに clock() 関数を実行します。この例には、実行を停止するボタンも含まれています：

<html>
<body>

<input type="text" id="clock" />
<script type="text/javascript">
var int=self.setInterval("clock()",1000);
function clock()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("clock").value=t;
}
</script>

<button onclick="int=window.clearInterval(int)">停止</button>

</body>
</html>

setTimeout()

構文

setTimeout(code,millisec,lang)
パラメータ 説明
code 必須。呼び出す関数、または実行する JavaScript コード文字列。
millisec 必須。コードを実行する前に待機するミリ秒数。
lang 任意。スクリプト言語は次のいずれかです：JScript | VBScript | JavaScript

サンプルのデモは次のとおりです：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>サンプル(example.com)</title>
</head>
<body>

<p>点击按钮，在等待 3 秒后弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>

<script>
function myFunction()
{
    setTimeout(function(){alert("Hello")},3000);
}
</script>

</body>
</html>