Learn Clock Time
A free interactive analog clock for kids ages 5 to 9. Drag the hour and minute hands, see the digital and word readouts update live, play a four-level game, and hear the time read aloud in any of eight languages.
The Problem
Telling time on an analog clock is one of those skills that feels obvious to adults and is genuinely hard for a kid. Hours and minutes share the same dial. The big hand moves five units for every one number it passes. Quarter past, half past, and quarter to are not phrases that mean anything until somebody connects them to where the hands actually point. And every clock app I tried with my kids was either a paid worksheet generator, a bloated learning platform with a login wall, or a single static image that did not let them touch anything.
So I built a clock they can grab and drag. The hands move. The digital readout updates live. The words underneath read "quarter past three" or "half past nine" as the kid moves the hands around. When they want to test themselves, the game throws random times at them and tells them right away if they got it.
What It Does
- Draggable analog clock: a large clock face where children grab the hour or minute hand and rotate it to any position. The digital time and the time-in-words readout update with every move
- Helper toggles: color zones that highlight the four quarters of the hour, minute number overlays (5, 10, 15...), snap-to-five-minutes mode for younger learners, and an AM/PM toggle
- Quick-set buttons for common times like 7:00, 8:30, 9:15, 12:00, 3:45, 6:20, so a parent or teacher can jump straight to the time they want to talk about
- Practice challenge: random "set the clock to X" prompts with a tally of correct attempts
- Four-level game: Sprout (ages 5-6), Sapling (6-7), Tree (7-8), and Star (8+). Questions rotate between three types: read the analog clock, find the matching clock face, and choose the correct words
- Read-aloud voice option: browser-based text-to-speech in any of the eight supported languages, with a voice picker so parents can pick the most natural-sounding voice on their device
- Eight languages: English, Spanish, French, German, Italian, Portuguese, Japanese, and Chinese, each with native time-in-words conventions
- Teaching tips at the bottom of the page, written for parents and teachers, with concrete phrases they can say to children to make the concepts click
How It Works
Learn Clock Time is a single HTML file. There are no accounts, no servers, and no analytics. Voice and language preferences are stored in the browser using localStorage. Once the page is loaded, it works fully offline, which is genuinely useful on school-issued tablets that have filtered or unreliable internet.
The time-in-words logic was implemented per language with native conventions, not machine translated. English uses "half past three" and "quarter to five." Spanish uses singular "es la una y cuarto" for one o'clock but plural "son las cuatro y media" otherwise. German "halb fünf" means 4:30 because the German "halb" refers to the next hour, not the current one, which trips up plenty of language learners. Japanese uses 3時15分 with 半 for thirty, since there is no single quarter concept in Japanese. Each language has its own quirks, and the app handles them rather than forcing English grammar into a Spanish sentence.
Privacy
No accounts, no analytics, no tracking pixels. The only data the page stores is the user's preferred language and voice, which lives in localStorage on the device. Nothing is sent to any server. The site is free for parents at home and for classrooms, and the only optional piece is a small donation panel for people who want to support the project.
Who It Is For
Kindergarten through third grade students, the parents who help them with homework, and the teachers covering Common Core standards 1.MD.B.3 (telling time to the hour and half hour), 2.MD.C.7 (to five-minute intervals with AM and PM), and 3.MD.A.1 (to the nearest minute and elapsed time). It also works for ESL families who want their child to practice telling time in their native language at home and in English at school.
This is a sibling project to Spanish Spelling Test, which started the same way: my kids needed it, nothing free was good enough, so I built it. If a tool helps one kid in one house and a few classrooms somewhere else, that is reason enough to keep maintaining it.