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>
上記は、この記事で説明されているすべてのコンテンツです。気に入っていただければ幸いです。