> ## Documentation Index
> Fetch the complete documentation index at: https://help.edzo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Clock Block

> Learn how to use Clock blocks to display interactive clock visualizations in your resources.

The **Clock** block displays an interactive clock with customizable analog and digital displays. Use it to demonstrate time concepts, show specific times, or provide visual references for time-telling activities.

This is a display block for teaching and demonstration. learners can view the clock but aren't assessed on reading it.

<Info>
  For assessable time-telling activities where learners set or read the time, use the [Clock Question](/creating/resources/question-blocks/clock-question) block instead.
</Info>

## When to use Clock blocks

Clock blocks work well for:

* Demonstrating how to read analog and digital clocks
* Showing specific times as visual examples
* Illustrating time concepts (o'clock, half past, quarter to)
* Providing reference clocks alongside question content
* Displaying the current time in real-time

## Settings

### Display settings

<ParamField path="Display" default="both" type="select">
  Which clock display(s) to show:

  * **Both**: Shows both analog and digital clocks
  * **Analog**: Shows only the analog clock face
  * **Digital**: Shows only the digital time display
</ParamField>

<ParamField path="Notation" default="12" type="select">
  The time format for the digital display:

  * **12-hour**: Uses AM/PM notation (e.g., 3:30 PM)
  * **24-hour**: Uses 24-hour format (e.g., 15:30)

  Only visible when display includes digital clock.
</ParamField>

<ParamField path="Period" default="AM" type="select">
  The time period for 12-hour notation: **AM** or **PM**.
</ParamField>

<ParamField path="Show current time" default="false" type="switch">
  When enabled, the clock displays and updates to show the current real time.
</ParamField>

### Analog clock settings

<ParamField path="Show hour hand" default="true" type="switch">
  When enabled, displays the hour hand on the analog clock.
</ParamField>

<ParamField path="Show minute hand" default="true" type="switch">
  When enabled, displays the minute hand on the analog clock.
</ParamField>

<ParamField path="Show seconds" default="true" type="switch">
  When enabled, includes seconds in the time display.
</ParamField>

<ParamField path="Show hour numerals" default="true" type="switch">
  When enabled, displays numbers (1–12) around the analog clock face.
</ParamField>

<ParamField path="Show hour intervals" default="true" type="switch">
  When enabled, displays tick marks at hour positions.
</ParamField>

<ParamField path="Show minute intervals" default="true" type="switch">
  When enabled, displays tick marks at minute positions.
</ParamField>

### Additional display options

<ParamField path="Show time in words" default="true" type="switch">
  When enabled, displays the time written in words (e.g., "half past three").
</ParamField>

<ParamField path="Show period" default="true" type="switch">
  When enabled, displays the AM/PM indicator.
</ParamField>

## Tips for teachers and parents

**Best practices:**

* Use **analog only** mode when teaching clock face reading
* Enable **Show time in words** to reinforce time vocabulary
* Hide minute intervals for more challenging clock reading practice
* Use **Show current time** for real-world connection activities
* Pair with Clock Question blocks to create teach-then-assess sequences
* Progress from showing o'clock times to half past, then quarter times

## Related blocks

* [Clock Question](/creating/resources/question-blocks/clock-question). Assessable version where learners set or read the time