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.