Javascript for Kids · Lekcja

Własny minutnik

Zmień odliczanie

Własny minutnik to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Javascript for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Utwórz WŁASNY czasomierz! ⏲️

Witaj, czarodzieju czasu! 🌟 Wiesz już, jak działają odliczania z użyciem setTimeout. ⏲️

Teraz TY kontrolujesz zegar! 🎛️ Zbudujmy Twój własny czasomierz odliczający! 🚀

Pamiętaj o setTimeout ⏳

setTimeout chwilę czeka, a następnie coś wykonuje! ⏳

Liczba oznacza czas oczekiwania w milisekundach. 1000 = 1 sekunda! ⏱️

setTimeout(function() {
  console.log('Time is up! ⏰');
}, 1000);

Wybierz liczbę początkową 🔢

Odliczanie potrzebuje liczby początkowej! 🔢

Zacznijmy od 3. Możesz wybrać dowolną liczbę! 😄

let count = 3;
console.log('Starting at: ' + count);

Odlicz o jeden krok ⬇️

Aby odliczać w dół, zmniejszamy liczbę! ⬇️

count = count - 1 odejmuje jeden. 🪄

let count = 3;
console.log(count);
count = count - 1;
console.log(count);

Czekaj między liczbami ⏲️

Prawdziwe odliczanie czeka między kolejnymi liczbami! ⏲️

Używamy setTimeout, aby zrobić jednosekundową przerwę. 😎

console.log(3);
setTimeout(function() {
  console.log(2);
}, 1000);

Pełne krótkie odliczanie 🚀

Odliczmy 3, 2, 1 i wystartujmy! 🚀

Każde setTimeout czeka nieco dłużej. ⏳

console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('Blast off! 🚀'); }, 3000);

Zmień liczbę początkową 🎛️

Twój czasomierz, Twoje zasady! 🎛️ Zacznij od 5 zamiast od 3!

Po prostu dodaj więcej kroków, aby odliczanie trwało dłużej. ⏱️

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);

Zmień czas oczekiwania ⏩

Chcesz szybszego czasomierza? Użyj krótszego czasu oczekiwania! ⏩

500 oznacza pół sekundy. Ale szybko! 🏎️

console.log(3);
setTimeout(function() { console.log(2); }, 500);
setTimeout(function() { console.log(1); }, 1000);
setTimeout(function() { console.log('Go! 🏁'); }, 1500);

Dodaj zabawne zakończenie 🎉

Zakończ działanie czasomierza zabawnym komunikatem! 🎉

Może to być przyjęcie, rakieta albo fajerwerki! 🎆

console.log(3);
setTimeout(function() { console.log(2); }, 1000);
setTimeout(function() { console.log(1); }, 2000);
setTimeout(function() { console.log('🎉🎆 Happy time! 🎆🎉'); }, 3000);

Twój kompletny czasomierz ⏲️

Oto pełny czasomierz zbudowany przez CIEBIE! ⏲️

Zmień liczbę początkową i czas oczekiwania, aby nadać mu własny charakter! 🌟

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);

Utworzyłeś/Utworzyłaś własny czasomierz! 🏆

Wspaniale, czarodzieju czasu! 🏆 Wiesz już, jak:

⏳ Używać setTimeout do czekania
⬇️ Odliczać krok po kroku
🎛️ Zmieniać liczbę początkową i szybkość

Ukończyłeś/Ukończyłaś kurs Countdown Timer! 🎉

Szybkie sprawdzenie ✅

Czas na test! 🧠 Co robi setTimeout w naszym czasomierzu?

Podsumowanie lekcji 🎀

Świetna praca, twórco czasomierzy! 🎀 Dziś nauczyłeś/nauczyłaś się:

⏳ setTimeout czeka, a następnie wykonuje kod
⬇️ Odliczać, odejmując jeden
🎛️ Zmieniać liczbę początkową i czas oczekiwania

Utworzyłeś/Utworzyłaś własne odliczanie! ⏲️

Często zadawane pytania

Czy lekcja „Własny minutnik” jest bezpłatna?

Tak — pełny tekst „Własny minutnik” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Javascript for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Własny minutnik”?

Zmień odliczanie Ćwiczysz Javascript for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Javascript for Kids?

Nie wymagamy żadnego doświadczenia. Javascript for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Własny minutnik”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Javascript for Kids?

Tak. Każda lekcja Javascript for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do Javascript for Kids