JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで現在の年だけを表示する方法【getFullYear()の使い方】

Webサイトのコピーライト表記などで「現在の年」だけを動的に表示したいケースはよくあります。JavaScriptでは、DateオブジェクトのgetFullYear()メソッドを使うことで、現在の年（西暦4桁）を簡単に取得できます。

getFullYear()メソッドとは

getFullYear()は、日時から「年」の部分だけを4桁の数値として返すメソッドです。getYear()という類似のメソッドもありますが、こちらは1900年からの経過年数を返す古い仕様のため、現在では非推奨となっています。必ずgetFullYear()を使用しましょう。

サンプルコード

以下は、現在の年を画面に表示する完全なHTMLの例です。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>現在の年を表示する</title>
</head>
<body>
<h1>
現在の年＝<span id="theCurrentYear"></span>
</h1>
<script>
    document.getElementById("theCurrentYear").innerHTML = new
    Date().getFullYear();
</script>
</body>
</html>

コードの解説

  • new Date()：現在の日時を持つDateオブジェクトを生成します。
  • .getFullYear()：そのオブジェクトから現在の年（例：2025）を取得します。
  • document.getElementById("theCurrentYear").innerHTML：取得した年を、idが「theCurrentYear」の要素内に挿入して表示します。

実行方法

上記のプログラムを実行するには、ファイル名を「index.html」として保存し、ファイルを右クリックします。VS Codeエディタを使用している場合は、「Open with Live Server」を選択するとブラウザで結果を確認できます。

実行結果

ブラウザには次のように表示されます。

現在の年＝2025

このように、わずか1行のJavaScriptで現在の年を動的に取得・表示できます。フッターのコピーライト表記などを自動更新したい場合にも、この方法がそのまま活用できます。

  1. 【JavaScript入門】文字列を繰り返す方法 – Array()とjoin()を組み合わせた実装例

    JavaScriptである文字列を指定した回数だけ繰り返して表示したい場合、Array()コンストラクタとjoin()メソッドを組み合わせることで簡単に実現できます。 仕組みの解説 new Array(value + 1)は、要素数が「value + 1」個の空の配列を生成します。この空の配列に対してjoin(this)を実行すると、各要素の間に区切り文字として自分自身（対象の文字列）が挿入されます。要素が value + 1 個あれば間は value 個できるため、結果的に元の文字列が value 回繰り返されるという仕組みです。 サンプルコード 以下に実際のコード例を示します。 <!

  2. 【解決法】「unix:///var/run/docker.sock」でDockerデーモンに接続できないエラーの直し方

    Dockerは、コンテナを使ってアプリケーションを簡単に作成・デプロイ・実行できることから、近年ますます人気が高まっています。コンテナを利用すれば、開発者はアプリケーション本体に加えて必要なライブラリや依存関係をまとめてパッケージ化し、ひとつの完成品として展開できます。LinuxへのDockerのインストール自体は比較的簡単で、ターミナルで数個のコマンドを実行するだけで利用を始められます。しかしながら、インストールが正常に完了した後でも、すべてのユーザーがスムーズに使えるとは限りません。特によく報告されるのが次のエラーです。Cannot connect to the Docker daemon