1 基本的な文法
setTimeout()
関数は JavaScript のタイマー関数であり、これを使用すると、特定の時間間隔の後に指定されたコードを実行できます。その基本的な構文は次のとおりです。
setTimeout(callback, delay, arg1, arg2, ...)
このうちコールバックパラメータは、指定した遅延時間後に実行される関数です。遅延パラメータは、遅延時間を指定するミリ秒単位の時間値です。オプションでいくつかのパラメータをコールバック関数に渡すこともできます。
2 呼び出しメソッド
setTimeout()
関数は次のように呼び出されます。
let timerId = setTimeout(callback, delay, arg1, arg2, ...);
2.1 パラメータを渡さずにメソッドを呼び出す
function sayHello() {
console.log('Hello');
}
setTimeout(sayHello, 1000);
この例では、sayHello という関数を定義し、setTimeout()
その関数を使用してその実行を 1 秒後に遅延させます。1 秒が経過すると、コンソールに「Hello」と出力されます。
2.2 パラメータ受け渡しメソッドの呼び出し
サンプルコード:
function sayHelloSth(name) {
console.log(`Hello ${
name}!`);
}
// 在 3 秒后打印 "Hello World!"
setTimeout(sayHelloSth, 3000, 'World');
上記のサンプル コードでは、sayHelloSth()
1 つのパラメーターを取る関数を定義しましたname
。次に、setTimeout()
関数を使用してsayHelloSth()
関数を呼び出し、3 秒の遅延を指定します。また、文字列「World」を 3 番目のパラメーターとして関数に渡して、関数setTimeout()
に渡すことができるようにします。sayHelloSth()
したがって、3 秒後にコンソールに「Hello World!」という出力が表示されます。
3 遅延実行をキャンセルする
setTimeout()
この関数が呼び出されると、すぐに一意のタイマー ID が返され、これを使用して遅延実行をキャンセルできます。例えば:
let timerId = setTimeout(function() {
console.log('This message will never be displayed');
}, 5000);
clearTimeout(timerId);
この例では、setTimeout 関数を使用してタイマーを作成し、それをtimerId
変数に割り当てます。次に、すぐにsetTimeout()
関数を使用してタイマーをキャンセルします。これは、5 秒後にコンソールにメッセージが出力されなくなることを意味します。