JavaScript for barn · leksjon

Din egen tidtaker

Endre opptellingen

Leksjon 4 av 413 trinn

Din egen tidtaker er en gratis leksjon i JavaScript for barn på CoddyKit. Dette er leksjon 4 av 4. Du kan lese hele leksjonen gratis nedenfor – og deretter øve praktisk i nettleseren med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt. Den er en del av læringsløpet i JavaScript for barn, og fremdriften din synkroniseres mellom nettet og CoddyKit-appen. Kurset i JavaScript for barn inneholder totalt 4 leksjoner.

Lag Deres EGEN timer! ⏲️

Hei, tidsmagiker! 🌟 De har lært hvordan nedtellinger fungerer med setTimeout. ⏲️

Nå styrer DE klokken! 🎛️ La oss lage Deres helt egen nedtellingstimer! 🚀

Husk setTimeout ⏳

setTimeout venter litt og gjør deretter noe! ⏳

Tallet angir ventetiden i millisekunder. 1000 = 1 sekund! ⏱️

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

Velg starttallet Deres 🔢

En nedtelling trenger et starttall! 🔢

La oss begynne på 3. De kan velge hvilket som helst tall De ønsker! 😄

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

Tell ned ett trinn ⬇️

For å telle ned gjør vi tallet mindre! ⬇️

count = count - 1 trekker fra én. 🪄

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

Vent mellom tallene ⏲️

Ekte nedtellinger venter mellom tallene! ⏲️

Vi bruker setTimeout for å ta en pause på ett sekund. 😎

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

En komplett liten nedtelling 🚀

La oss telle 3, 2, 1, oppskyting! 🚀

Hver setTimeout venter litt lenger. ⏳

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

Endre starttallet 🎛️

Deres timer, Deres regler! 🎛️ Start på 5 i stedet for 3!

Legg bare til flere trinn for en lengre nedtelling. ⏱️

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

Endre ventetiden ⏩

Vil De ha en raskere timer? Bruk en kortere ventetid! ⏩

500 betyr et halvt sekund. Det går unna! 🏎️

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

Legg til en morsom avslutning 🎉

Avslutt timeren med en morsom melding! 🎉

Kanskje en fest, en rakett eller fyrverkeri! 🎆

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

Deres komplette timer ⏲️

Her er en komplett timer laget av DEM! ⏲️

Endre starttallet og ventetiden for å gjøre den til Deres egen! 🌟

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

De laget Deres egen timer! 🏆

Fantastisk, tidsmagiker! 🏆 De har lært å:

  • ⏳ Bruke setTimeout til å vente
  • ⬇️ Telle ned trinn for trinn
  • 🎛️ Endre starttallet og hastigheten

De har fullført kurset Countdown Timer! 🎉

Rask sjekk ✅

Tid for hjernetrim! 🧠 Hva gjør setTimeout i timeren vår?

Oppsummering av leksjonen 🎀

Strålende jobbet, timerprodusent! 🎀 I dag har De lært:

  • ⏳ setTimeout venter og kjører deretter
  • ⬇️ Telle ned ved å trekke fra én
  • 🎛️ Endre starttallet og ventetiden

De har laget Deres egen nedtelling! ⏲️

Gratis å komme i gang

Lær deg JavaScript med en AI-veileder – gratis

Skriv og kjør ekte kode i nettleseren, få umiddelbar hjelp fra en AI-veileder som er tilgjengelig døgnet rundt, og fortsett der du slapp – på nettet eller i appen.

Kurs
35
Leksjoner
140

Ofte stilte spørsmål

Er leksjonen «Din egen tidtaker» gratis?

Ja – hele teksten i «Din egen tidtaker» er gratis å lese her på nettet. For å øve interaktivt med en innebygd kodeeditor og en AI-veileder som er tilgjengelig døgnet rundt, og for å låse opp resten av JavaScript for barn-kurset, kan du oppgradere til CoddyKit PRO. Kurset i JavaScript for barn inneholder totalt 4 leksjoner.

Hva lærer jeg i «Din egen tidtaker»?

Endre opptellingen Du øver på JavaScript for barn med praktisk kode som du kjører direkte i nettleseren, mens en AI-veileder som er tilgjengelig døgnet rundt, svarer på spørsmålene dine mens du jobber deg gjennom leksjonen.

Trenger jeg erfaring for å begynne med JavaScript for barn?

Ingen tidligere erfaring er nødvendig. JavaScript for barn på CoddyKit er lagt opp for både nybegynnere og viderekomne, så De kan begynne her eller helt fra start og lære i Deres eget tempo. Dette er leksjon 4 av 4.

Hvor lang tid tar leksjonen «Din egen tidtaker»?

De fleste CoddyKit-leksjoner tar omtrent 5–10 minutter. Hver leksjon er kort og interaktiv, slik at De gjør jevne fremskritt og kan fortsette akkurat der De slapp – både på nettet og i appen.

Kan jeg skrive og kjøre kode i denne JavaScript for barn-leksjonen?

Ja. Alle JavaScript for barn-leksjoner har en innebygd kodeeditor, slik at De kan skrive og kjøre ekte kode direkte i nettleseren og få umiddelbar tilbakemelding fra AI – uten lokal konfigurering.

Alle leksjonene i dette kurset

  1. Telle ned til null
  2. Vente med setTimeout
  3. Avgang
  4. Din egen tidtaker
← Tilbake til JavaScript for barn