date.getHours()

デイト・ゲット・アワーズ（組み込みオブジェクト）

意味時を取得(0-23)

date.getHours()とは？

`getHours()`メソッドは、指定された日付の時間を返します。

date.getHours()の具体的な使い方

現在時刻のデジタル時計表示

<div id='clock' style='font-size: 24px; font-family: monospace;'></div>
<script>
function updateClock() {
  const now = new Date();
  const hours = String(now.getHours()).padStart(2, '0');
  const minutes = String(now.getMinutes()).padStart(2, '0');
  const seconds = String(now.getSeconds()).padStart(2, '0');
  document.getElementById('clock').textContent = `${hours}:${minutes}:${seconds}`;
}
setInterval(updateClock, 1000);
updateClock();
</script>

この例では、getHours()を使用して現在時刻をデジタル時計形式で表示します。setIntervalを使用して1秒ごとに更新します。padStartを使用して2桁の表示を保証しています。

営業時間内かどうかを判定する例

function isBusinessHours(date) {
  const hours = date.getHours();
  const isWeekday = date.getDay() >= 1 && date.getDay() <= 5;
  return isWeekday && hours >= 9 && hours < 17;
}

const now = new Date();
console.log('現在営業時間内？: ' + isBusinessHours(now));

👇出力結果

現在営業時間内？: true

getHours()を使用して、現在時刻が営業時間内（平日の9時から17時）かどうかを判定します。getDay()も使用して平日かどうかをチェックしています。

date.getHours()に関するよくある質問

Q. getHours()の返り値の範囲は？

A. getHours()メソッドは0から23の値を返します。0は午前0時（真夜中）を、23は午後11時を表します。

Q. 12時間制で時間を表示するには？

A. getHours()の返り値を使って12時間制に変換できます。例： function to12HourFormat(hour) { return (hour % 12 || 12) + (hour < 12 ? 'AM' : 'PM'); } console.log(to12HourFormat(date.getHours()));

Q. getHours()でタイムゾーンは考慮される？

A. getHours()はローカルタイムを返します。グローバルな時間を扱う場合は、getUTCHours()を使用するか、タイムゾーンを明示的に指定する必要があります。

JavaScriptを勉強するのにおすすめな問題集アプリの紹介

楽しくプログラミングを学ぶことで、プログラミングの理解度が深まります。『JavaScript問題集』は、楽しくJavaScriptを学ぶのに最適なアプリです。AIが出題する問題に答えていくことで、自然とJavaScriptの理解度が深まります。

AppStoreからダウンロード：https://apps.apple.com/jp/app/id6737941570

JavaScriptのdate.getHours()についても学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、JavaScriptのdate.getHours()やObject.create()、array.reduce()、array.push()、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。