JavaScript の基本 ~ 現在の時刻を取得したい ~
~ 現在の時刻を取得したい ~
現在の時刻を取得するには、日付と曜日を取得した場合と同じ「Date」メソッドを使用します。
例)var jikan = new Date(); // 現在日時を取得
JavaScript コード
ボタンを押すと現在時刻を取得して表示するサンプルです。
var ele_jikan = document.getElementById("disp_jikan");
var btn_jikan = document.getElementById("btn_jikan");
btn_date.onclick = function(){
var current_jikan = new Date();
var genzai_jikan = "現在は" + current_jikan.getHours() + "時"
+ current_jikan.getMinutes() + "分"
+ current_jikan.getSeconds() + "秒です。";
ele_jikan.innerHTML = genzai_jijkan;
}
HTML ソース
<p><strong><em id="disp_jikan">ボタンを押してください</em></strong></p>
<p><input id="btn_jikan" type="button" value="現在の時刻を取得する" /></p>
実行結果
ボタンを押してください
※このページの読み込みが完了してから試してください。
END