dmonnier

A fully CSS-able jQuery countdown/countup timer available in both widget and shortcode. Based on <a href="http://keith-wood.name/countdown.html" title="jQuery Countdown by Keith Wood" rel="nofollow ugc">jQuery Countdown</a> by Keith Wood.
Features:
<ul>
<li>Supports multiple countdowns</li>
<li>Available as both a widget and a shortcode</li>
<li>Localization based on your WordPress’s installation language</li>
<li>Timer can be set to count down or count up</li>
<li>You choose how much information to display from years to seconds</li>
<li>Option to set expiration message</li>
<li>Option to redirect to a new URL upon expiry</li>
</ul>
Most importantly, YOU have full control over the CSS! Every single element can be targeted and manipulated any way you want. Also works right out of the box with four pre-defined display styles if you don’t care to fiddle with the CSS yourself.
<h3>Future Development</h3>
<ul>
<li>Pre-built color schemes</li>
<li>Upgrade to version 2.0.0</li>
<li>Admin panel localization</li>
</ul>

CSSable Countdown

A fully CSS-able jQuery countdown/countup timer available in both widget and shortcode.

Freemius

Abu Hayat

bPlugins

Charles Cormier

👉 <a href="https://bplugins.com/products/countdown-time/" rel="nofollow ugc">Plugin Demo</a> | <a href="https://ctb.bplugins.com/docs/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/countdown-time/pricing/" rel="nofollow ugc">Get Pro Version</a> 👈
Professionally showcase your countdown timer. This plugin adds a new block in the Block Editor by which you can create a professional-looking countdown timer block!
It is very effective in presenting your countdown timer nicely. There are many options that you can use to decorate your countdown timer in any color you like.
<h4>Features</h4>
<ul>
<li>
Layout Options: Choose from 4 distinct templates for different presentations.
</li>
<li>
Responsiveness: Responsive for the mobile devices.
</li>
<li>
Element Visibility: Toggle the visibility of labels, days, hours, minutes, and seconds.
</li>
<li>
Wrapper Customization: Configure width, background, padding, and shadow for the countdown wrapper.
</li>
<li>
Boxes Customization: Define background, width, height, border, and shadow settings for the countdown boxes.
</li>
<li>
Content Appearance: Adjust typography and color for the digit and label elements.
</li>
<li>
Separator Customization: Display separators and configure type, size, and color settings.
</li>
<li>
Patterns: Predefined designs for expanding the variety of styles.
</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>
Expired Display: Show content that has expired after the countdown timer has elapsed.
</li>
<li>
Hide at Zero: Conceal the box when the countdown timer reaches 0.
</li>
<li>
Mobile Visibility: Toggle visibility of the countdown timer on mobile devices.
</li>
<li>
Tablet Visibility: Toggle visibility of the countdown timer on tablet devices.
</li>
<li>
Prefix Text: Display text before the countdown timer.
</li>
<li>
Prefix Style: Implement typography settings and adjust the color for the prefix text.
</li>
<li>
Suffix Button: Show a button after the countdown timer.
</li>
<li>
Suffix Button Style: Apply typography, colors(text and background) and padding for the suffix button.
</li>
<li>
Prefix Suffix Direction: Direction of the content displayed before and after the countdown timer.
</li>
<li>
Single Style: Apply different styles to each box, including variations in background, digit color, and label color.
</li>
<li>
Dismiss Button: Provide a button to dismiss/hide the countdown timer.
</li>
<li>
Patterns: Additional patterns for expanding the variety of countdown styles.
</li>
<li>
Shortcode Integration: Shortcode for flexible use across various locations.
</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Countdown Timer plugin</li>
<li>Add the Countdown Timer block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
Enjoy!
</li>
<li>
For Installation help click on Installation Tab
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Countdown Timer Block – Animated Countdown for Events or Launches

Display your event's date on a timer to your visitor with a countdown timer block

CSSable Countdown vs Countdown Timer Block – Animated Countdown for Events or Launches