JavaScript,jQuery,CSS,HTMLの達人

JavaScriptとjQueryとCSSとHTML の使い方を解説しているブログ

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>

実行結果

ボタンを押してください

※このページの読み込みが完了してから試してください。