Ashburn, January 20, 2018

Set jQuery.countdown Multiple instances on the same page with Timezone Aware

Set jQuery.countdown Multiple instances on the same page with Timezone Aware
Set jQuery.countdown Multiple instances on the same page with Timezone Aware

The Final Countdown is the most popular date countdown plugin for jQuery. It is a clean, simple and html agnostic oriented plugin tailored to be used in any layout, without any CSS/HTML dependency. The goal was to fit and mimic differents countdown styles as you see out there in coupons and auction sites.

This plugin has many great features such as timezone awareness, support for multiple instances on the same page, callback style and formatter modifiers, bootstrap, continue after finish, months and weeks offsets, and the list goes on.

In the plugin official website, there are few ways to get started, from the most simple example to advanced. You can find many handy code examples for various tasks such as advanced coupon site, basic coupon site, bootstrap, continue after finish, months and weeks offsets, legacy style, Multiple instances on the same page, timezone awareness, callback style and formatter modifiers, etc.

However, there is a bit confusion when setting this popular plugin for multiple instances on the same page combined with timezone awareness. I have received many inquiries on how to accomplish this task, so here I will show you here how set jQuery.countdown multiple instances on the same page with timezone aware.

First things first, set the HTML placeholders for the countdown timers with an attribute containing the date to countdown to.

Then, this would be the Java Script code.


Save it and it should work.

Enjoy!

About Karlos Maldonado 39 Articles
Computer Sciences Engineer graduated from Florida Atlantic University (FAU) in Boca Raton, Florida. Has gotten great experience in the IT and Web Development industry working for companies such as SIRIUS XM RADIO, 4MEDIA as well as collaborating with local companies.

Be the first to comment

Leave a Reply

Your email address will not be published.