[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]: # ({2b4bab98-009b8658})
#### 設定

設定するには、タイプとして*時刻*を選択します。

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

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

|   |   |
|--|--------|
|*時間の形式*|ローカル、サーバー、または指定されたホストの時間を選択します。<br>サーバー時間は、グローバルまたはZabbixユーザーに設定されたタイムゾーンと同じになります。|
|*アイテム*|時間を表示するアイテムを選択します。ホスト時間を表示するには[アイテム](/manual/config/items/itemtypes/zabbix_agent)`system.localtime[local]`を使用します。 このアイテムはホストに存在する必要があります。<br>このフィールドは*ホスト時間*が選択されている場合にのみ使用できます。|
|*時計のタイプ*|Select clock type:<br>**Analog** - analog clock<br>**Digital** - digital clock|
|*表示*|Select information units to display in the digital clock (date, time, time zone).<br>This field is available only if "Digital" is selected in the *Clock type* field; at least one information unit type must be selected.|
|*高度な設定*|Click on the *Advanced configuration* label to display [advanced configuration](#advanced-configuration) options for the digital clock.<br>This section is available only if "Digital" is selected in the *Clock type* field.|

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

[comment]: # ({new-5e3f567f})
#### Advanced configuration

Advanced configuration options are available in the collapsible *Advanced configuration* section,
and only for those elements that are selected in the *Show* field (see above).

Additionally, advanced configuration allows to change the background 
color for the whole widget.

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

|   |   |
|--|--------|
|*Background color* |Select the background color from the color picker.<br>`D` stands for default color (depends on the frontend theme). To return to the default value, click the *Use default* button in the color picker. |
|_**Date**_ ||
|*Bold* |Mark the checkbox to display date in bold type. |
|*Color* |Select the date color from the color picker.<br>`D` stands for default color (depends on the frontend theme). To return to the default value, click the *Use default* button in the color picker. |
|_**Time**_ ||
|*Bold* |Mark the checkbox to display time in bold type. |
|*Color* |Select the time color from the color picker.<br>`D` stands for default color (depends on the frontend theme). To return to the default value, click the *Use default* button in the color picker. |
|*Seconds* |Mark the checkbox to display seconds. Otherwise only hours and minutes will be displayed.|
|*Format* |Select to display a 24-hour or 12-hour time. |
|_**Time zone**_ ||
|*Bold* |Mark the checkbox to display time zone in bold type. |
|*Color* |Select the time zone color from the color picker.<br>`D` stands for default color (depends on the frontend theme). To return to the default value, click the *Use default* button in the color picker. |
|*Time zone*|Select the time zone.|
|*Format* |Select to display time zone in short format (e.g. `New York`) or full format (e.g.`(UTC-04:00) America/New York`). |

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