[comment]: # translation:outdated

[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]: # ({0df1e75c-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]: # ({/0df1e75c-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})