Simple Digital Clock πŸ•’

Description

It is πŸͺ„ a magical and easy-to-use digital clock with a beautiful UI, supporting multiple languages, locales, dates, captions, and time zones.

πŸ“Œ Description

The Digital Clock Widget – the perfect addition to your website! This sleek and minimalist digital clock Gutenberg block (widget) offers a quick and easy way to display the current time on your site. With its clean design and unobtrusive style, it seamlessly blends into any webpage. Whether you’re running a blog, an e-commerce store, or a personal website, our widget keeps your visitors informed with accurate, real-time information. Easy to install and highly customizable, it’s the ideal choice for adding a touch of professionalism to your online presence. Upgrade your website today with the Simple Digital Clock Widget and keep your audience in sync with the times!

DEMOπŸ‘€ | DEMOπŸ‘€

The plugin contains compressed JS code in order to save space and optimize the script. Following the WordPress community rules, we have opened a repository so that you can check and make sure that this code is malware-free and will not cause problems to its users.
Github: https://github.com/Timenow-zone/Simple-Digital-Clock-Widget

⭐️ FEATURES ⭐️

  • πŸš€ Lightweight (~11 KB 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, πŸ“… date
  • πŸ”’ SSL-friendly, πŸ“± responsive, πŸ” SEO-friendly
  • πŸ’― 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, Date, 24-Hour (AM/PM), Caption
    • Background/gradient, border radius, shadow, and font

πŸ“Œ 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

🍩 Donations

πŸ•’ Sync Time: UTC
πŸ—“οΈ Today’s Date: TodaysDateNow

Screenshots

  • creenshot-1.png – Front-end examples: multiple Simple Digital Clock blocks on one page, each with different locales, time zones, colors, and formats (AM/PM or 24-hour).
  • screenshot-2.png – Editor view: Gutenberg sidebar settings for the block (Container, Background Color, Options, Display, About, Advanced) to tweak size, radius, shadow, font, locale, time zone, seconds, date, etc.
  • screenshot-3.png – Block inserter: searching β€œClock” and selecting the Simple Digital Clock block to add it to the page.

Blocks

This plugin provides 1 block.

  • Simple Digital Clock Block Widget Block

FAQ

Can I set a custom locale (e.g., `uk` or `en-GB`)?

Yes. Use the Locale field and enter any valid BCP-47 tag.

How do I pick the time zone?

Use the Time Zone field and select any valid IANA ID (e.g., Europe/Kyiv, UTC).

Can I use my own fonts?

You can choose from built-in mono fonts (Google Fonts) or keep the system font.

24-hour format

Yes. You can enable 24-hour time for any locale. Toggle 24-Hour in the block settings. For 12-hour time with AM/PM, turn it off.

Can I show different locales and time zones on the same page?

Yes. Each block is independentβ€”set its own locale and time zone.

Is it fast?

Yes. The script is tiny and minified, with no heavy dependencies.

Reviews

May 10, 2025 1 reply
I’m reading good reviews. I installed the plugin but it’s full of link poiting to porn link.Maybe the plugin was hackered.
September 4, 2024
Everything is good except its position. No matter what I do, I cannot get the container of the clock to sit where I want it in a footer widget with another element. It won’t align at all. That’s my only (major) complaint.
July 26, 2024 1 reply
Once its installed it just sits there and works. It makes my site look like it is active (Counting digital seconds) and up to date (Which it is frequently) Thanks
Read all 6 reviews

Contributors & Developers

“Simple Digital Clock πŸ•’” is open source software. The following people have contributed to this plugin.

Contributors

“Simple Digital Clock πŸ•’” has been translated into 8 locales. Thank you to the translators for their contributions.

Translate “Simple Digital Clock πŸ•’” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Change log

1.0.3

  • Updated: POT file.

1.0.2

  • Fix: Minor bugs fixed.

1.0.1

  • Fix: JavaScript issue resolved.

1.0.0

  • New: Stable release published.
  • New: 24-hour time format option.

0.2.1

  • Fix: Minor bugs fixed.

0.2.0

  • Enhancement: Clock JavaScript updated.
  • Fix: Minor bugs fixed.

0.1.1

  • Fix: Minor bugs fixed.

0.1.0

  • Initial release.