[comment]: # ({7074b2d8-7074b2d8})
# 2 時計

[comment]: # ({/7074b2d8-7074b2d8})

[comment]: # ({cad26905-07a1c7da})
#### 概要

時計ウィジェットでは、ローカル、サーバー、または指定したホストの
時刻を表示できます。

アナログ時計とデジタル時計の両方を表示できます:

![](../../../../../../assets/en/manual/web_interface/frontend_sections/monitoring/clock_analog.png)

![](../../../../../../assets/en/manual/web_interface/frontend_sections/monitoring/clock_digital.png)

[comment]: # ({/cad26905-07a1c7da})

[comment]: # ({b93dd3f2-009b8658})
#### 設定

設定するには、タイプとして *Clock* を選択します:

![](../../../../../../assets/en/manual/web_interface/frontend_sections/monitoring/clock.png){width=600}

すべてのウィジェットに共通の[パラメータ](/manual/web_interface/frontend_sections/dashboards/widgets#common-parameters)に加えて、次の固有オプションを設定できます:

|   |   |
|--|--------|
|*Time type*|ローカル、サーバー、または指定したホストの時刻を選択します。<br>サーバー時刻は、グローバルに設定されたタイムゾーン、または Zabbix ユーザーに設定されたタイムゾーンと同じになります。|
|*Item*|時刻を表示するアイテムを選択します。ホスト時刻を表示するには、`system.localtime[local]` [アイテム](/manual/config/items/itemtypes/zabbix_agent)を使用します。このアイテムはホスト上に存在している必要があります。<br>このフィールドは、*Host time* が選択されている場合にのみ使用できます。|
|*Clock type*|時計の種類を選択します:<br>**Analog** - アナログ時計<br>**Digital** - デジタル時計|
|*Show*|デジタル時計に表示する情報単位（日付、時刻、タイムゾーン）を選択します。<br>単位サイズは動的で、表示される単位、ウィジェットサイズ、表示スケーリングに基づいて、利用可能なウィジェット領域全体を埋めます。<br>このフィールドは、*Clock type* フィールドで "Digital" が選択されている場合にのみ使用できます。少なくとも 1 つの情報単位タイプを選択する必要があります。|
|*Advanced configuration*|*Advanced configuration* 見出しをクリックすると、デジタル時計の[詳細設定](#advanced-configuration)オプションが表示されます。<br>このセクションは、*Clock type* で "Digital" が選択されている場合にのみ使用できます。|

[comment]: # ({/b93dd3f2-009b8658})

[comment]: # ({d221b484-5e3f567f})
#### 詳細設定

詳細設定オプションは、折りたたみ可能な*詳細設定*セクションで利用でき、*表示*フィールドで選択された要素にのみ適用されます（上記参照）。

さらに、詳細設定ではウィジェット全体の背景色を変更することができます。

![](../../../../../../assets/en/manual/web_interface/frontend_sections/monitoring/clock_advanced.png){width=600}

|   |   |
|--|--------|
|*背景色* |カラーピッカーから背景色を選択します。<br>`D`はデフォルト色（フロントエンドのテーマによって異なります）を表します。デフォルト値に戻すには、カラーピッカーの*デフォルトを使用*ボタンをクリックします。|
|_**日付**_ ||
|*太字* |チェックボックスをオンにすると、日付が太字で表示されます。|
|*色* |カラーピッカーから日付の色を選択します。<br>`D`はデフォルト色（フロントエンドのテーマによって異なります）を表します。デフォルト値に戻すには、カラーピッカーの*デフォルトを使用*ボタンをクリックします。|
|_**時刻**_ ||
|*太字* |チェックボックスをオンにすると、時刻が太字で表示されます。|
|*色* |カラーピッカーから時刻の色を選択します。<br>`D`はデフォルト色（フロントエンドのテーマによって異なります）を表します。デフォルト値に戻すには、カラーピッカーの*デフォルトを使用*ボタンをクリックします。|
|*秒* |チェックボックスをオンにすると、秒も表示されます。オフの場合は時と分のみが表示されます。|
|*フォーマット* |24時間表示または12時間表示を選択します。|
|_**タイムゾーン**_ ||
|*太字* |チェックボックスをオンにすると、タイムゾーンが太字で表示されます。|
|*色* |カラーピッカーからタイムゾーンの色を選択します。<br>`D`はデフォルト色（フロントエンドのテーマによって異なります）を表します。デフォルト値に戻すには、カラーピッカーの*デフォルトを使用*ボタンをクリックします。|
|*タイムゾーン*|タイムゾーンを選択します。|
|*フォーマット* |タイムゾーンを短い形式（例：`New York`）または完全な形式（例：`(UTC-04:00) America/New York`）で表示するか選択します。|

[comment]: # ({/d221b484-5e3f567f})
