Categories

Landing Page. How to manage countdown timer

Guillaume Dumas July 9, 2015
Rating: 3.7/5. From 3 votes.
Please wait...

This tutorial shows how to edit the date in the countdown timer in the Landing Page Templates.

Landing Page. How to manage countdown timer

On some Landing Page Templates there are countdown timers that show the time that remains until a specific event. For example:

Landing_Page_Templates._How_to_manage_countdown_counter-1.jpg

In order to set your own countdown date, you need to perform the following steps:

  1. Open up the file js/script.js in any code editor and locate the line 184 (approximately). There you’ll see the following code:

    				$(document).ready(function () {
    				var date = new Date(),
    				countTo = new Date(date.getFullYear(), date.getMonth() + 2, date.getDay());
    				$(o).countdown({until: countTo, padZeroes: true});
    				});
    			

    Landing_Page_Templates._How_to_manage_countdown_counter-2.jpg

  2. Change the countTo variable according to the following syntax (year, month, day, hours, minutes, seconds):

    			countTo = new Date(2015, 5, 24, 21, 00);
    		
  3. Save the changes in the js/script.js file and upload it to the server.

Feel free to check the detailed video tutorial below:

Landing Page. How to manage countdown timer

Landing Pages Templates
This entry was posted in Landing Page Tutorials and tagged countdown, counter. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket