> ## Documentation Index
> Fetch the complete documentation index at: https://edzo.mintlify.site/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.

> [!NOTE]
>
> For assessable time-telling activities where learners set or read the time, use the [Clock Question](https://edzo.mintlify.site/creating/resources/question-blocks/clock-question.md) block instead.

## 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

**Display** `select` (default: both)

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

**Notation** `select` (default: 12)

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.

**Period** `select` (default: AM)

The time period for 12-hour notation: **AM** or **PM**.

**Show current time** `switch` (default: false)

When enabled, the clock displays and updates to show the current real time.

### Analog clock settings

**Show hour hand** `switch` (default: true)

When enabled, displays the hour hand on the analog clock.

**Show minute hand** `switch` (default: true)

When enabled, displays the minute hand on the analog clock.

**Show seconds** `switch` (default: true)

When enabled, includes seconds in the time display.

**Show hour numerals** `switch` (default: true)

When enabled, displays numbers (1–12) around the analog clock face.

**Show hour intervals** `switch` (default: true)

When enabled, displays tick marks at hour positions.

**Show minute intervals** `switch` (default: true)

When enabled, displays tick marks at minute positions.

### Additional display options

**Show time in words** `switch` (default: true)

When enabled, displays the time written in words (e.g., "half past three").

**Show period** `switch` (default: true)

When enabled, displays the AM/PM indicator.

## 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](https://edzo.mintlify.site/creating/resources/question-blocks/clock-question.md). Assessable version where learners set or read the time


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.