colorsプログラミングprogrammingお問い合わせcontact自作ゲーム置き場ゲームプログラミングお問い合わせホームプログラミング【JavaScript】日時をリアルタイム表示してみる【JavaScript】日時をリアルタイム表示してみるスポンサーリンクプログラミング2019.08.28こんにちは!セミマサです。今回はJavaScriptを使って現在の日時をリアルタイムに表示してみました。目次デモサイトソースコードHTMLCSSJavaScriptおわりにデモサイト今回のデモサイトです。class="date-text"></p></div></section>今回のHTMLです。1rem;}}今回のCSSです。time;setTimeout("dateDisplay()",1000);};dateDisplay();今回のスクリプトです。処理は全てdateDisplay関数に押し込みました。1:変数nowDateに現在の時刻を代入します。2:getFullYearメソッドを用いて現在の年を取得し変数yearに代入します。3:getMonthメソッドを用いて現在の月を取得して変数monthに代入します。(1月なら0、12月なら11が返ってくる)。4:getDateメソッドで現在の日を取得し変数dayに代入します。(日曜なら0、土曜なら6といったように数字で返ってきます)。配列weekArrayに取得した数字を渡し、結果を変数dayofweekに代入します。6:getHoursメソッドで現在の時を変数hourに代入します。7:getMinutesメソッドで現在の分を変数minuteに代入します。8:getSecondsメソッドで現在の秒を変数secondに代入します。9:各変数を連結して表示します。10:setTimeoutメソッドを使ってdateDisplay関数を繰り返し実行します。おわりに無事動くものが作れました。マサキ今日もwebでセミが鳴く関連記事プログラミング【JavaScript備忘録】オブジェクトを使うJavaScriptのオブジェクトに関しての備忘録です。プログラミング【JavaScript】テキストを1文字ずつ表示してみるJavaScriptでテキストを1文字ずつ表示してみました。プログラミング【JavaScript】サイドバーに今どこを読んでいるかを表示してみるJavaScriptを使ってサイドバーに今どこを読んでいるかを表示してみました。プログラミング【JavaScript備忘録】変数を使うJavaScriptの変数に関しての備忘録です。プログラミング【JavaScript】MDNのブロックくずしチュートリアルを試してみたJavaScriptでブロック崩しを作ろう!プログラミング【JavaScript】タブメニューを作ってみるJavaScriptを使ってタブメニューを作ってみました。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。マサキなんとなくで生きてきた自分を変えるべく日々努力中のセミです。趣味はゲーム・イラスト制作・プログラミング。なにかありましたらお問い合わせフォームからご連絡ください。書籍紹介スポンサーリンクタイトルとURLをコピーしました。