Can visitors choose their alarm time?

Yes. Visitors can change the alarm hour and minute in the embedded widget.

Does the alarm repeat?

Yes. The enabled alarm is scheduled for the next occurrence of the chosen local time, and repeats each day until turned off.

Will the alarm ring if the page is closed?

No. The widget must remain open and active in a browser. Browser sound policies can also require user interaction.

Which time zone does it use?

The alarm follows the local time and time zone of the visitor's browser.

Back to Widgets

Alarm Clock Widget

Free Website Widget. Create a customizable daily alarm clock with a live digital display and embed it on your website using an iframe.

Live Preview

See exactly how your widget will look before copying the embed code

Embed Code

Open Preview

<iframe
  src="https://www.smartclocktools.com/embed/alarm-clock?title=Alarm+Clock&alarmHour=7&alarmMinute=0&enabledByDefault=false&format24Hour=false&playSound=true&language=en&background=%23101827&panelBackground=%231e293b&textColor=%23ffffff&accentColor=%238b5cf6&secondaryColor=%2394a3b8&font=system-ui&fontSize=56&borderRadius=24&shadow=none&width=420&height=420"
  width="420"
  height="420"
  loading="lazy"
  style="border:0;overflow:hidden;"
  title="SmartClockTools Widget"
></iframe>

Customize

Presets

TitleAlarm hour (0-23)Alarm minute (0-59)LanguageBackground

Clock panel

Text color

Accent color

Secondary color

FontClock font size: 56Border radius: 24ShadowWidth (px)Height (px)

How to embed an alarm clock

Set the default alarm and appearance, copy the iframe code, and paste it into your website.

How daily alarms work

The alarm uses each visitor's local browser time. An enabled alarm rings at the next matching hour and minute and repeats daily while the page remains active.

Browser limitations

Sound may be restricted until the visitor interacts with the page. A closed browser or suspended device cannot reliably deliver an alarm.

Frequently Asked Questions

Customize the widget using the settings above, preview the result, and copy the generated iframe code when you are ready. The embed code can be added to websites and website builders that support HTML or iframe embeds.