【JavaScript】毎秒実行する処理をつくる【setInterval】 │ コジマノテック

1. はじめに
2. サンプル
3. setIntervalの解説
4. さいごに
5. もっと学びたい人はこちら

はじめに

コジマです。

setIntervalをつかった定期実行処理の紹介をします。

サンプル

setInterval.jsとして以下のソースを作成しました。
毎秒実行して5回繰り返すというシンプルなものです。

let count = 0;
const interval = setInterval(() => {
  console.log(new Date());
  count += 1;
  if (count === 5) {
    clearInterval(interval);
  }
}, 1000);

setIntervalの解説

公式ページは以下になります。
https://developer.mozilla.org/ja/docs/Web/API/setInterval

第一引数に実行処理、第二引数に実行間隔（ミリ秒）を指定します。
また、clearIntervalと併用して終了条件と終了処理も合わせて記載するようにしましょう。
（じゃないと永遠に動き続ける）

さいごに

この記事を面白いまたは役に立ったと思ってくれた方は是非私のTwitter(@kojimanotech)を
フォローしてくれたらうれしいです！

もっと学びたい人はこちら

JavaScriptをもっと学びたいエンジニアのためにおすすめのUdemy講座を紹介いたします！

JavaScript初心者向けの講座です。
HTML、CSSと合わせて学ぶことができます。
フロントエンド開発の基本的な知識を網羅的に学ぶことができます。
個人的には著作権表記についても触れているところが推せますね。
ウェブ開発入門完全攻略コース – HTML/CSS/JavaScript. プログラミングをはじめて学び創れる人へ！

JavaScriptをより深く学びたい人はこちらがおすすめです。
JavaScript初心者を脱するとよりよいコードを書かなければなりません。
つまずきがちなオブジェクト操作や、非同期処理の仕組みについて学ぶこともできるため、JavaScriptの仕組みから深く学ぶことができます。
【JS】ガチで学びたい人のためのJavaScriptメカニズム

気になった人はぜひ見てみてくださいね！

以上、コジマでした。