Countdown
You can add a Countdown Timer to any Page using the following setup:
Usage
<div class="countdown" data-year="2020" data-month="7" data-day="15"></div>Settings
| Setting | Description |
|---|---|
data-format | Choose a Date Format for your Countdown. You can select from a List of Formats available here: http://keith-wood.name/countdown.html . Simply navigate to the Formats 1 and Formats 2 Tab.Example: dHMS |
data-year | Add a Countdown Year Example: 2021 |
data-month | Add a Countdown Month Example: 8 |
data-day | Add a Countdown Day Example: 15 |
data-hour | Add a Countdown Hour Example: 12 |
data-minute | Add a Countdown Minute Example: 30 |
data-second | Add a Countdown Second Example: 30 |
data-redirect | Add a URL to redirect to once the Countdown ends Example: https://google.com |
data-since | Convert your Countdown to Countup by setting this Attribute to true. Make sure that all other Time Settings are set in the Past. Ex: data-year="2019" and data-month="4"Example: true |
Extras
Language Settings using js/plugins.min.js File
Simply visit this URL: http://keith-wood.name/countdown.html#l10n.
Navigate to
LocalisationsSection to download your Language Pack. Ex:jquery.countdown-fr.jsand add this File in thejs/FolderOpen your HTML File which has the Countdown Codes.
Find the
js/plugins.min.jsJS File Linking at the bottom of the Page and Paste the following code just after that Line:
Language Settings for AJAX JS
Simply visit this URL: http://keith-wood.name/countdown.html#l10n.
Navigate to
LocalisationsSection to download your Language Pack. Ex:jquery.countdown-fr.jsCopy the Entire Contents of the Language Package.
Open the
js/plugins.countdown.jsFile and Paste the Copied Codes just above this Line:SEMICOLON.widget.countdownInit = function( $countdownEl )
