0Pricing
Javascript for Kids · Урок

Ожидание с setTimeout

Делайте паузу между числами

«Ожидание с setTimeout» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.

Подождите... ⏱️

Во время настоящего обратного отсчёта между числами проходит одна секунда! Мы используем setTimeout, чтобы компьютер подождал. ⏱️

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

Что такое setTimeout? ⏰

setTimeout запускает код AFTER ожидания в течение заданного количества миллисекунд. 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️⃣

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

Считаем с ожиданием 🔢

Мы можем показывать числа с интервалом в одну секунду, назначив каждому свой таймер. 🔢

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, выводя по одному числу каждую секунду! ⬇️

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

Полная демонстрация ожидания 🎮

Вот обратный отсчёт с ожиданием в одну секунду между числами! 🎮⏱️

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/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.

Чему я научусь в уроке «Ожидание с setTimeout»?

Делайте паузу между числами Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Javascript for Kids?

Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.

Сколько времени занимает урок «Ожидание с setTimeout»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Javascript for Kids?

Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Обратный счёт до нуля
  2. Ожидание с setTimeout
  3. Старт
  4. Ваш собственный таймер
← Назад к Javascript for Kids