jQuery Timer Days/Months/Years

Question

I'm creating a countdown Timer that counts down to a date that is inputted in the code for example April 6th 2016.

So far I have got it to output the amount of days, but I cannot figure out how to do the amount of months and years. I do not need Hours Minutes or seconds!

code in app.js

$(document).ready(function(){
    eventTime = '6 April 2016';
})

Code in countdown.js:

(function($){
$.fn.countdown = function(options) {

    var settings = { date: null };

    if (options) {
        $.extend(settings, options);
    }

    this_sel = $(this);

    function count_exec () {
        eventDate = Date.parse(settings['date']) / 1000;
        currentDate = Math.floor($.now () / 1000);

        seconds = eventDate - currentDate

        days = Math.floor(seconds / (60 * 60 * 24));
        months = Math.floor(seconds / (60 * 60 * 12));
        alert(days);
    }   

    count_exec();
}
})(jQuery);

score 3 · Accepted Answer · edited May 23 '17 at 11:59

Given two dates, use the following code to compute their difference in milliseconds, then in seconds, minutes, hours, days and months:

var currentDate = new Date();
var eventDate = new Date(2016, 3, 6); // months start from 0
var milliseconds = eventDate.getTime() - currentDate.getTime();
var seconds = parseInt(milliseconds / 1000);
var minutes = parseInt(seconds / 60);
var hours = parseInt(minutes / 60);
var days = parseInt(hours / 24);
var months = parseInt(days / 30);
seconds -= minutes * 60;
minutes -= hours * 60;
hours -= days * 24;
days -= months * 30;

For a more accurate difference in months, take a look at Difference in Months between two dates in JavaScript.

You forgot to declare the `time` and `years` variables, can you please update it? thanks. — Oscar Jara, Jan 25 '16 at 17:27

jQuery Timer Days/Months/Years

1 Answers1