自分だけのタイマー
カウントを変更します
「自分だけのタイマー」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
自分だけのタイマーを作る！⏲️
時間の魔法使いさん、こんにちは！🌟 setTimeoutを使ったカウントダウンの仕組みを学びました。⏲️
ここからは、あなたが時計を動かします！🎛️ 自分だけのカウントダウンタイマーを作りましょう！🚀
setTimeoutを思い出す ⏳
setTimeoutは少し待ってから、何かを実行します！⏳
数字はミリ秒単位の待ち時間です。1000 = 1秒です！⏱️
setTimeout(function() {
console.log('Time is up! ⏰');
}, 1000);開始する数字を選ぶ 🔢
カウントダウンには開始する数字が必要です！🔢
3から始めてみましょう。好きな数字を選んでもかまいません！😄
let count = 3;
console.log('Starting at: ' + count);1段階カウントダウンする ⬇️
カウントダウンするには、数字を小さくします！⬇️
count = count - 1は、1を引く処理です。🪄
let count = 3;
console.log(count);
count = count - 1;
console.log(count);数字の間に待ち時間を入れる ⏲️
本物のカウントダウンでは、数字の間に待ち時間を入れます！⏲️
setTimeoutを使って、1秒間停止します。😎
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);開始する数字を変える 🎛️
あなたのタイマーは、あなたのルールで動かせます！🎛️ 3ではなく5から始めてみましょう！
段階を追加するだけで、より長いカウントダウンにできます。⏱️
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なら0.5秒です。高速ですね！🏎️
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);あなたの完全なタイマー ⏲️
あなたが作った完全なタイマーはこちらです！⏲️
開始する数字と待ち時間を変えて、自分だけのタイマーにしましょう！🌟
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);自分だけのタイマーが完成しました！🏆
すばらしいです、時間の魔法使いさん！🏆 次のことを学びました。
- ⏳
setTimeoutを使って待つ - ⬇️ 1段階ずつカウントダウンする
- 🎛️ 開始する数字と速さを変える
Countdown Timerのコースを修了しました！🎉
確認してみましょう ✅
頭の体操です！🧠 タイマーでsetTimeoutは何をしますか？
レッスンのまとめ 🎀
すばらしいです、タイマー作りの達人さん！🎀 今日、次のことを学びました。
- ⏳
setTimeoutは待ってから実行する - ⬇️ 1を引いてカウントダウンする
- 🎛️ 開始する数字と待ち時間を変える
自分だけのカウントダウンを作りました！⏲️
よくある質問
「自分だけのタイマー」レッスンは無料ですか？
はい。「自分だけのタイマー」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。
「自分だけのタイマー」で何を学びますか？
カウントを変更します ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Javascript for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。
「自分だけのタイマー」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavascript for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- ゼロまでカウントダウン
- setTimeoutで待機する
- 発射
- 自分だけのタイマー