Gizanbeak

この記事では、TypeScriptにおけるタイマー関数の使い方を深掘りしていきます。

setTimeout と setInterval の基本から、それらの違いまでわかりやすく解説します。
それではコード例を交えながら、実際の動作を理解していきましょう！

TypeScriptの学習におすすめしたい書籍5選！

TypeScriptを学ぶ際に初心者から上級者まで幅広くおすすめできる書籍5選を紹介します！TypeScriptを効果的に学習するのに役立つこと間違いなしです。

gizanbeak.com

setTimeoutの使い方

まず最初に、特定の時間後にコードを実行する setTimeout について見ていきます。

setTimeout(() => {
  console.log("こんにちは！３秒経ちました");
}, 3000);

上記のコードは、3秒後に「こんにちは！３秒経ちました」とコンソールに表示します。
この関数は遅延実行が必要な場合に非常に便利ですね。

setInterval の使い方

次に setInterval についてです。
この関数は、指定した時間ごとにコードを繰り返し実行する場合に使用します。

let count = 0;
const interval = setInterval(() => {
  count += 1;
  console.log(`インターバルのカウント: ${count}`);
  if (count >= 3) {
    clearInterval(interval);
  }
}, 1000);

この例では1秒ごとにカウントが1増え、それをコンソールに表示します。
そして、カウントが3になったらインターバルがクリアされます。

setInterval はこのような繰り返し処理に便利というわけですね。

setTimeout と setInterval の違い

同じタイマーを使用する関数ですが、それぞれに違いがあるため両関数の違いを把握することが重要です。

• setTimeout は一度だけ実行されます。
• setInterval は指定した時間間隔で繰り返し実行されます。

さらに、clearInterval を使用して setInterval の繰り返しを停止することができます。

今日の日付を取得！TypeScriptで日付を取得する簡単な方法

TypeScript日付取得完全ガイド！基本のDateからカスタムフォーマット、関数化まで

gizanbeak.com

まとめ

TypeScriptのタイマー関数は非同期処理の基本です。
やりたいことに対して適切な関数を選んで、コードを効率的にしましょう！