Free Embeddable Timer Widget
Add a clean countdown timer to a class page, blog post, workshop page, or team note with one script tag.
- Choose the timer settings
- Copy the generated code
- Place it on the target page
- Test size, privacy and loading
Embed code
<script src="https://clockfresh.com/embed/timer.js" data-minutes="5" data-label="Break timer" async></script> Install recipes
Class page
<script src="https://clockfresh.com/embed/timer.js" data-minutes="10" data-label="Reading sprint" async></script> Workshop agenda
<script src="https://clockfresh.com/embed/timer.js" data-minutes="25" data-label="Group exercise" data-accent="#f97316" async></script> Team wiki
<script src="https://clockfresh.com/embed/timer.js" data-seconds="300" data-label="Standup timer" data-link="https://clockfresh.com/meeting-timer" async></script> Options
data-minutes="5"sets the duration in minutes.data-seconds="90"sets an exact duration and overrides minutes:<script src="https://clockfresh.com/embed/timer.js" data-seconds="90" data-label="90-second reset" data-accent="#7c3aed" async></script>data-locale="es"localizes controls toen,es,pt,it,ru,fr, orde.data-label="Break timer"changes the title inside the widget.data-accent="#20b6a2"changes the start button color.data-link="https://clockfresh.com/timer"changes the attribution destination.
Attribution and privacy
The free widget includes a small Clockfresh attribution link so visitors can open the full timer if they need fullscreen, sounds or presets. The widget does not create accounts, cookies or visitor profiles; it runs in the page where it is embedded.
Security and CSP notes
The snippet can load with async. If your site uses a strict Content Security
Policy, allow https://clockfresh.com/embed/timer.js in script-src.
The widget renders inside Shadow DOM and injects its own local styles, so very strict
style-src policies may need a small exception for the widget container.
Good fits
- Classroom pages and school LMS posts where a quick visible countdown helps transitions.
- Workshop agendas, event pages and team docs that need a simple timebox.
- Blog posts or internal guides that explain a timed routine.
Questions
- Can I embed this timer on any website?
- Yes. Add the script tag to a page where custom HTML is allowed. The widget renders in a small Shadow DOM block and does not require an account.
- Can I change the duration?
- Yes. Set data-minutes for simple minute timers or data-seconds for an exact duration.
- Does the widget track visitors?
- No. The widget is a static JavaScript file. It runs locally in the visitor browser and includes a small Clockfresh attribution link.