Countdown

You can add a Countdown Timer to any Page using the following setup:

Code Example

<div class="countdown" data-year="2020" data-month="7" data-day="15"></div>

Settings

Private Content

You must be logged in with your Envato Account for Free in order to view this Content.

Login with Envato

Translating Countdowns to a Different Language using js/plugins.min.js File

  1. Simply visit this URL: http://keith-wood.name/countdown.html#l10n.
  2. Navigate to Localisations Section to download your Language Pack. Ex: jquery.countdown-fr.js and add this File in the js/ Folder
  3. Open your HTML File which has the Countdown Codes.
  4. Find the js/plugins.min.js JS File Linking at the bottom of the Page and Paste the following code just after that Line: 
    <script src="js/jquery.countdown-fr.js"></script>

Translating Countdowns to a Different Language for AJAX JS Lazy Loading

  1. Simply visit this URL: http://keith-wood.name/countdown.html#l10n.
  2. Navigate to Localisations Section to download your Language Pack. Ex: jquery.countdown-fr.js
  3. Copy the Entire Contents of the Language Package.
  4. Open the js/plugins.countdown.js File and Paste the Copied Codes just above this Line: SEMICOLON.widget.countdownInit = function( $countdownEl )

Last Modified: June 7, 2020

Need Help?