Simple Digital Clock 🕒

Add customizable digital clocks to WordPress. Show your office’s local time, another city’s time or UTC with captions, dates and colors.

📌 Description

Show your office’s local time, the time in another city or UTC on your WordPress site. Simple Digital Clock provides a Gutenberg block for posts, pages and block-based widget areas. Choose a time zone, add a caption and adjust colors, fonts and display options directly in the editor. Add multiple clocks to show the time in different locations, with independent settings for each block.

Live demo👀 | CodePen playground👀

⭐️ FEATURES ⭐️

• 🚀 Lightweight (~11.2 KiB gzip)
• 🗣 Locale support (BCP-47, e.g., en-US, uk, de-DE)
• 🌐 IANA time zones (e.g., Europe/Kyiv, UTC)
• 📝 Custom caption
• 🎨 Styling: color/gradient, radius, shadows
• 🔢 24-hour or AM/PM, ⏱ seconds, ⏱️ optional hundredths of a second, 📅 date
• 🔒 SSL-friendly, 📱 responsive
• 💯 Free, no ads

How it works

1. Add the Simple Digital Clock block in the editor or as a widget.
2. Configure in the right sidebar:
   • Locale (e.g., en-US, uk, fr-FR)
   • Time Zone (IANA ID, e.g., Europe/Kyiv, America/New_York, UTC)
   • Seconds, Hundredths, Date, 24-Hour (AM/PM), Caption
   • Background/gradient, border radius, shadow, and font

Hundredths shows two fractional digits after the seconds for clocks that need finer visual precision. Hundredths automatically include seconds while enabled. Note: the browser may not render every 10 ms increment.

📌 Installation

= From your WordPress dashboard =
1. Go to Plugins → Add New
2. Search for “Simple Digital Clock”
3. Install & Activate
4. Insert the block in the editor or add it as a widget (/wp-admin/widgets.php)

From WordPress.org

1. Download “Simple Digital Clock”
2. Upload to /wp-content/plugins/
3. Activate
4. Insert the block / add the widget

Source / Development

The production JavaScript bundled with this plugin is built from the public Simple Digital Clock Widget source.

• Source repository: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget
• Bundled upstream version: 0.7.0
• Exact source for this bundled release: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget/tree/v0.7.0

To reproduce the production bundle:

• npm ci
• npm run build

🍩 Donations

🕒 Sync Time: UTC
🗓️ Today’s Date: TodaysDateNow