Simple Digital Clock 🕒

Beskrivning

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

SkÀrmdumpar

  • 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.

Block

Detta tillÀgg tillhandahÄller 1 block.

  • Simple Digital Clock Block Widget Block

Vanliga frÄgor

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.

Recensioner

10 maj 2025 1 svar
I’m reading good reviews. I installed the plugin but it’s full of link poiting to porn link.Maybe the plugin was hackered.
4 september 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.
26 juli 2024 1 svar
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
LĂ€s alla 6 betyg

Bidragsgivare och utvecklare

”Simple Digital Clock 🕒” Ă€r programvara med öppen kĂ€llkod. Följande personer har bidragit till detta tillĂ€gg.

Bidragande personer

”Simple Digital Clock 🕒” har översatts till 8 sprĂ„k. Tack till översĂ€ttarna för deras bidrag.

ÖversĂ€tt ”Simple Digital Clock 🕒” till ditt sprĂ„k.

Intresserad av programutveckling?

LÀs programkoden, kika pÄ SVN-filförvaret eller prenumerera pÄ utvecklarloggen via RSS.

Ändringslogg

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.