最終更新日:2020年3月3日ボタンクリックで日時を取得して表示する前回はおみくじに画像を表示させた。今回は、クリックした時点の日時を取得して、おみくじの結果と一緒に表示したいと思う。JavaScriptのDateオブジェクトを使うJavaScriptで日時を表示するにはDateオブジェクトを使う。ボタンクリックしたら日時が表示されるようにしたソースコードを載っけておく。変更点を説明すると、まず以下でtryDayという名前のDateオブジェクトを定義。Date();このまま表示させると日時だけじゃなくて時間や秒数まで表示されてしまうので、年、月、日を以下のメソッドで取得する。Dateのメソッドについてはこちらが詳しい。ここで、月だけは1月を0として0~11の戻り値で帰ってくるので、+1しているのに注意。tryDay.getDate();年、月、日を取得したら、ymdDateという変数を定義して結合する。“date”></p>でymdDateをhtml内で定義したdateというidのパラグラフに表示させている。これで以下のように実行時間を表示することができた。pagesのindex.htmlに今回の内容を追加して置いた。以下ページの「web_omikuji_time」のリンクから今回の内容が確認できます。https://wakkyfree.github.io/勉強記まとめ今までの勉強記は以下にまとめています。初学者の目線で色々つくったり、試してみたりしてるので、興味があればどうぞ。wakky映画と旅行が大好きなエンジニア。お酒、ゲーム、読書も好き。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。