Find the right time tool

Search by task, such as study, workout, meeting, sleep or date.

21 tools

Free Embeddable Timer Widget

Add a clean countdown timer to a class page, blog post, workshop page, or team note with one script tag.

Publish and verify an embed Test the final page, not only the generated snippet.
  1. Choose the timer settings
  2. Copy the generated code
  3. Place it on the target page
  4. 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 to en, es, pt, it, ru, fr, or de.
  • 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.