PlugIndex

Directory / plugin

Simple Digital Clock 🕒

v1.1.2 · by falselight

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

View on WordPress.orgHomepage

About this plugin

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

Plugin tags