1. JavaScriptタイマーとは何ですか？
JavaScriptでは、関数が呼び出される直後ではなく、設定された間隔の後にコードを実行できます。
2。タイマータイプ
ワンタイムタイマー：指定された遅延時間の後に1回だけトリガーされました。
インターバルトリガータイマー：特定の時間間隔ごとに1回トリガーします
3.タイマーメソッド
1）：1回限りのタイマー
a）：setimeout（）：指定された遅延時間の後にコードを実行し、1回実行します。
構文：SettimeOut（コード、遅延時間）;
パラメーター説明：
1。呼び出される関数または実行するコード文字列。
2。遅延時間：コードを実行する前に、ミリ秒（1S = 1000ms）で待つ時間。
b）：cleartimeout（）：cancel setimeout（）
構文：ClearTimeout（タイマー）
パラメーター説明：
タイマー：settimeout（）によって返されるID値。この値は、キャンセルされる遅延実行コードブロックを識別します。
settimeout（）およびcleartimeout（）遅延方法を呼び出します：
コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Title> JavaScriptタイマー</title>
<入力型= "button" value = "start" id = "btnstart" onclick = "startprint（）">
<入力型= "button" value = "Pause" id = "btnstop" onclick = "stopprint（）">
<br>
</head>
<body>
<script type = "text/javascript">
//印刷方法を定義します
functionprint（）
{
console.log（ "私は印刷！"）;
}
varタイマー; //この値は、キャンセルされる遅延実行コードブロックを識別します
//印刷を開始します
function startprint（）
{
タイマー= setimeout（print、1000）; //タイマーを呼び出し、印刷を1秒ずつ遅らせ、1回のみ実行する
}
//印刷を終了します
functionsopprint（）
{
ClearTimeout（タイマー）; //キャンセルタイマー
}
</script>
</body>
</html>
settimeout（）およびcleartimeout（）infiniteループメソッドを呼び出します。
コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Title> JavaScriptタイマー</title>
<入力型= "button" value = "start" id = "btnstart" onclick = "startprint（）">
<入力型= "button" value = "Pause" id = "btnstop" onclick = "stopprint（）">
<br>
</head>
<body>
<script type = "text/javascript">
//印刷方法を定義します
functionprint（）
{
console.log（ "私は印刷！"）;
Timer = setimeout（print、1000）; //タイマーを起動し、自分自身を呼び出し、無限ループを実行します
}
varタイマー; //この値は、遅延実行をキャンセルするためのコードブロックを示します
//印刷を開始します
function startprint（）
{
print（）; //印刷方法を呼び出します
}
//印刷を終了します
functionsopprint（）
{
ClearTimeout（タイマー）; //キャンセルタイマー
}
</script>
</body>
</html>
2）：インターバルトリガータイマー
a）：setInterval（）：実行すると、ページが読み込まれた後、コードが指定された時間ごとに実行されます。
構文：setInterval（コード、インタラクション時間）;
パラメーター説明：
1。コード：呼び出される関数または実行するコード文字列。
2。相互作用時間：ミリ秒（1s = 1000ms）で測定された定期的な実行または呼び出し式の間の時間間隔。
返品値：
clearinterval（）に渡すことができる値を「コード」の定期的な実行をキャンセルします。
関数形式を呼び出します（clock（）関数があると仮定）：
setInterval（ "clock（）"、1000）またはsetinterval（clock、1000）
b）：clearinterval（）メソッドは、setinterval（）によって設定された相互作用時間をキャンセルします
構文：ClearInterval（タイマー）
パラメーター説明：
タイマー：setinterval（）によって返されるID値。
setinterval（）およびclearinterval（）を呼び出してインターバル実行方法インスタンスを実行する
コードコピーは次のとおりです。
<！doctype html>
<html>
<head>
<メタcharset = "utf-8">
<Title> JavaScriptタイマー</title>
<入力型= "button" value = "start" id = "btnstart" onclick = "startprint（）">
<入力型= "button" value = "Pause" id = "btnstop" onclick = "stopprint（）">
<br>
</head>
<body>
<script type = "text/javascript">
//印刷方法を定義します
functionprint（）
{
console.log（ "私は印刷！"）;
}
varタイマー; //この値は、キャンセルされるタイマー実行コードブロックを識別します
//印刷を開始します
function startprint（）
{
Timer = setInterval（ "print（）"、1000）; // Start Timer
}
//印刷を終了します
functionsopprint（）
{
ClearInterval（タイマー）; //キャンセルタイマー
}
</script>
</body>
</html>
上記は、この記事で説明されているすべてのコンテンツです。気に入っていただければ幸いです。