Ваш собственный таймер
Изменяйте отсчёт
«Ваш собственный таймер» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 4 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.
Создайте свой OWN таймер! ⏲️
Привет, волшебник времени! 🌟 Вы узнали, как работают обратные отсчёты с помощью setTimeout. ⏲️
Теперь YOU управляете часами! 🎛️ Давайте создадим ваш собственный таймер обратного отсчёта! 🚀
Вспоминаем setTimeout ⏳
setTimeout немного ждёт, а затем выполняет действие! ⏳
Число обозначает время ожидания в миллисекундах. 1000 = 1 секунда! ⏱️
setTimeout(function() {
console.log('Time is up! ⏰');
}, 1000);Выберите начальное число 🔢
Для обратного отсчёта нужно начальное число! 🔢
Давайте начнём с 3. Вы можете выбрать любое число! 😄
let count = 3;
console.log('Starting at: ' + count);Один шаг вниз ⬇️
Чтобы считать вниз, мы уменьшаем число! ⬇️
count = count - 1 уменьшает значение на единицу. 🪄
let count = 3;
console.log(count);
count = count - 1;
console.log(count);Ждём между числами ⏲️
Во время настоящего обратного отсчёта между числами есть пауза! ⏲️
Мы используем setTimeout, чтобы сделать паузу в одну секунду. 😎
console.log(3);
setTimeout(function() {
console.log(2);
}, 1000);Небольшой полный отсчёт 🚀
Давайте посчитаем 3, 2, 1 — запуск! 🚀
Каждый вызов setTimeout ждёт некоторое время. ⏳
console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('Blast off! 🚀'); }, 3000);Меняем начальное число 🎛️
Ваш таймер — ваши правила! 🎛️ Начните с 5 вместо 3!
Просто добавьте больше шагов для более долгого обратного отсчёта. ⏱️
console.log(5);
setTimeout(function() { console.log(4); }, 1000);
setTimeout(function() { console.log(3); }, 2000);
setTimeout(function() { console.log(2); }, 3000);
setTimeout(function() { console.log(1); }, 4000);Меняем время ожидания ⏩
Хотите ускорить таймер? Укажите меньшее время ожидания! ⏩
500 — это полсекунды. Вот это скорость! 🏎️
console.log(3);
setTimeout(function() { console.log(2); }, 500);
setTimeout(function() { console.log(1); }, 1000);
setTimeout(function() { console.log('Go! 🏁'); }, 1500);Добавляем весёлую концовку 🎉
Завершите таймер весёлым сообщением! 🎉
Это может быть праздник, ракета или фейерверк! 🎆
console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('🎉🎆 Happy time! 🎆🎉'); }, 3000);Ваш полный таймер ⏲️
Вот полноценный таймер, созданный YOU! ⏲️
Измените начальное число и время ожидания, чтобы настроить его под себя! 🌟
let start = 3;
console.log('Get ready! ' + start);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('Liftoff! 🚀'); }, 3000);Вы создали собственный таймер! 🏆
Awesome, волшебник времени! 🏆 Вы научились:
- ⏳ Использовать
setTimeoutдля ожидания - ⬇️ Считать вниз шаг за шагом
- 🎛️ Менять начальное число и скорость
Вы завершили курс «Таймер обратного отсчёта»! 🎉
Быстрая проверка ✅
Время проверить знания! 🧠 Что делает setTimeout в нашем таймере?
Повторение урока 🎀
Отличная работа, создатель таймеров! 🎀 Сегодня вы узнали:
- ⏳
setTimeoutждёт, а затем запускает код - ⬇️ Считать вниз, вычитая единицу
- 🎛️ Менять начальное число и время ожидания
Вы создали собственный обратный отсчёт! ⏲️
Часто задаваемые вопросы
Урок «Ваш собственный таймер» бесплатный?
Да — полный текст урока «Ваш собственный таймер» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.
Чему я научусь в уроке «Ваш собственный таймер»?
Изменяйте отсчёт Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.
Нужен ли мне опыт, чтобы начать Javascript for Kids?
Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 4 из 4.
Сколько времени занимает урок «Ваш собственный таймер»?
Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.
Можно ли писать и запускать код в этом уроке Javascript for Kids?
Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.
Все уроки этого курса
- Обратный счёт до нуля
- Ожидание с setTimeout
- Старт
- Ваш собственный таймер