0Pricing
Javascript for Kids · レッスン

setTimeoutで待機する

数値の間に一時停止を入れます

「setTimeoutで待機する」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

お待ちください…⏱️

本物のカウントダウンでは、数字の間に1秒待ちます！setTimeoutを使って、コンピューターを待機させます。⏱️

console.log('Let us learn to wait! ⏱️')

setTimeoutとは？⏰

setTimeoutは、指定したミリ秒数だけ待ってからコードを実行します。1000ミリ秒は1秒です！⏰

setTimeout(function () {
  console.log('One second passed! ⏰')
}, 1000)

ミリ秒 🕐

時間はミリ秒で測ります。1000ミリ秒は1秒、2000ミリ秒は2秒です。🕐

setTimeout(function () {
  console.log('Two seconds! 🕐')
}, 2000)

待ってから話す 💬

まず何かを表示し、その後、待ってから別のものを表示してみましょう。💬

console.log('Starting now... ⏳')
setTimeout(function () {
  console.log('Done waiting! ✅')
}, 1000)

待機する関数 📦

setTimeoutの中のコードは関数です。時間になるまでじっと待ちます！📦

setTimeout(function () {
  console.log('Surprise! 🎁')
}, 1500)

2つのタイマー 2️⃣

複数のタイマーを設定できます。それぞれに待ち時間を指定できます！2️⃣

setTimeout(function () {
  console.log('First! 1️⃣')
}, 1000)
setTimeout(function () {
  console.log('Second! 2️⃣')
}, 2000)

待ちながら数える 🔢

それぞれにタイマーを設定すると、1秒間隔で数字を表示できます。🔢

setTimeout(function () { console.log(3) }, 1000)
setTimeout(function () { console.log(2) }, 2000)
setTimeout(function () { console.log(1) }, 3000)

setIntervalを使う 🔁

setIntervalは、毎回待ち時間を入れながらコードを何度も繰り返します！🔁

setInterval(function () {
  console.log('Tick! ⏱️')
}, 1000)

タイマーを止める 🛑

clearIntervalを使うと、繰り返しているタイマーを止められるので、いつまでも続きません！🛑

let count = 0
let timer = setInterval(function () {
  count++
  console.log(count)
  if (count === 3) clearInterval(timer)
}, 1000)

インターバルでカウントダウン ⬇️

setIntervalを使って、1秒ごとに1つずつカウントダウンしましょう！⬇️

let i = 3
let timer = setInterval(function () {
  console.log(i)
  i--
  if (i < 0) clearInterval(timer)
}, 1000)

待機処理の全体例 🎮

各数字の間に1秒待つカウントダウンはこちらです！🎮⏱️

let i = 5
let timer = setInterval(function () {
  console.log(i + '...')
  i--
  if (i < 0) {
    clearInterval(timer)
    console.log('Time is up! ⏰')
  }
}, 1000)

確認してみましょう ✅

タイマーの腕前を試してみましょう！🧠

タイマーの魔法使い！🌟

よくできました！setTimeoutで待機する方法を学びました！🎉

  • 1000ミリ秒 = 1秒 ⏰
  • setIntervalは繰り返します 🔁
  • clearIntervalは繰り返しを止めます 🛑

次は、発射です！🚀

console.log('Waiting with timers: LEARNED! 🌟')

よくある質問

「setTimeoutで待機する」レッスンは無料ですか？

はい。「setTimeoutで待機する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「setTimeoutで待機する」で何を学びますか？

数値の間に一時停止を入れます ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。

「setTimeoutで待機する」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか？

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. ゼロまでカウントダウン
  2. setTimeoutで待機する
  3. 発射
  4. 自分だけのタイマー
← Javascript for Kidsに戻る