JavaScript för barn · Lektion

Din egen timer

Ändra räkningen

Lektion 4 av 413 steg

Din egen timer är en gratis lektion i JavaScript för barn på CoddyKit. Detta är lektion 4 av 4. Ni kan läsa hela lektionen gratis nedan och sedan öva praktiskt i webbläsaren med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt. Den ingår i lärvägen för JavaScript för barn, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i JavaScript för barn innehåller totalt 4 lektioner.

Skapa Er EGNA timer! ⏲️

Hej, tidstrollkarl! 🌟 Ni har lärt Er hur nedräkningar fungerar med setTimeout. ⏲️

Nu bestämmer NI över klockan! 🎛️ Låt oss bygga Er alldeles egna nedräkningstimer! 🚀

Kom ihåg setTimeout ⏳

setTimeout väntar en stund och gör sedan något! ⏳

Talet anger väntetiden i millisekunder. 1000 = 1 sekund! ⏱️

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

Välj Ert starttal 🔢

En nedräkning behöver ett starttal! 🔢

Låt oss börja på 3. Ni kan välja vilket tal Ni vill! 😄

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

Räkna ner ett steg ⬇️

För att räkna ner gör vi talet mindre! ⬇️

count = count - 1 tar bort ett. 🪄

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

Vänta mellan talen ⏲️

Riktiga nedräkningar väntar mellan talen! ⏲️

Vi använder setTimeout för att pausa i en sekund. 😎

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

En komplett liten nedräkning 🚀

Låt oss räkna 3, 2, 1, uppskjutning! 🚀

Varje setTimeout väntar lite längre. ⏳

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

Ändra starttalet 🎛️

Er timer, Era regler! 🎛️ Börja på 5 i stället för 3!

Lägg bara till fler steg för en längre nedräkning. ⏱️

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

Ändra väntetiden ⏩

Vill Ni ha en snabbare timer? Använd en kortare väntetid! ⏩

500 betyder en halv sekund. Snabbt! 🏎️

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

Lägg till ett roligt slut 🎉

Avsluta Er timer med ett roligt meddelande! 🎉

Kanske en fest, en raket eller fyrverkerier! 🎆

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

Er kompletta timer ⏲️

Här är en komplett timer som NI har byggt! ⏲️

Ändra starttalet och väntetiden för att göra den till Er 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);

Ni skapade Er egen timer! 🏆

Fantastiskt, tidstrollkarl! 🏆 Ni har lärt Er att:

⏳ Använda setTimeout för att vänta
⬇️ Räkna ner steg för steg
🎛️ Ändra starttal och hastighet

Ni har slutfört kursen Countdown Timer! 🎉

Snabbkontroll ✅

Dags för hjärnan! 🧠 Vad gör setTimeout i vår timer?

Besvara frågan i den interaktiva lektionen

Lektionssammanfattning 🎀

Superbra, timermakare! 🎀 I dag har Ni lärt Er:

⏳ setTimeout väntar och kör sedan
⬇️ Räkna ner genom att subtrahera ett
🎛️ Ändra starttal och väntetid

Ni har byggt Er egen nedräkning! ⏲️

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 35
Lektioner: 140

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Din egen timer” gratis?

Ja – hela texten till ”Din egen timer” kan läsas gratis här på webben. Om Ni vill öva interaktivt med en inbyggd kodredigerare och en AI-handledare som är tillgänglig dygnet runt och låsa upp resten av kursen i JavaScript för barn, kan Ni uppgradera till CoddyKit PRO. Kursen i JavaScript för barn innehåller totalt 4 lektioner.

Vad lär jag mig i ”Din egen timer”?

Ändra räkningen Ni övar på JavaScript för barn med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig JavaScript för barn?

Du behöver inga förkunskaper. Utbildningen i JavaScript för barn på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 4 av 4.

Hur lång tid tar lektionen ”Din egen timer”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här JavaScript för barn-lektionen?

Ja. Varje JavaScript för barn-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till JavaScript för barn