How do I factor in leap years when determining the difference between two dates using Javascript?

user_14794442 0
Viewed 265

I'm trying to set up a counter to determine the difference between a set past date and the current date.

I have managed to set up a counter to determine the seconds between the two points, splitting the results into years, days, hours, minutes, seconds using the following code:

var lastDay = new Date("Jan 1, 1994  00:00:01").getTime(); 
var x = setInterval(function() { 
var now = new Date().getTime(); 
var t = now - lastDay; 
var years = Math.floor(t / (1000 * 60 * 60 * 24)/ 365);
var days = Math.floor((t % (1000 * 60 * 60 * 24 * 365))/(1000 * 60 * 60 * 24)); 
var hours = Math.floor((t % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
var seconds = Math.floor((t % (1000 * 60)) / 1000); 
document.getElementById("year").innerHTML =years ; 
document.getElementById("day").innerHTML =days ; 
document.getElementById("hour").innerHTML =hours; 
document.getElementById("minute").innerHTML = minutes;  
document.getElementById("second").innerHTML =seconds;  
if (t < 0) { 
        clearInterval(x); 
        document.getElementById("demo").innerHTML = "TIME UP"; 
        document.getElementById("year").innerHTML ='0'; 
        document.getElementById("day").innerHTML ='0'; 
        document.getElementById("hour").innerHTML ='0'; 
        document.getElementById("minute").innerHTML ='0' ;  
        document.getElementById("second").innerHTML = '0'; } 
}, 1000);

The problem I have with this, is that it does not factor in leap years, therefore the 'days' figure is inaccurate. It should add another 7 days to account for the number of leap years between the set date and the current date (at time of writing).

I have tried to use the following code below to count the leap years:

var countLeapYears = function(){
  var yearNow = new Date().getFullYear(); 
    var then = new Date("Jan 1, 1994 00:00:01");
    var yearThen = then.getFullYear();
    var beginYear = 0;
    var endYear = 0;
    var leapYearCount = 0;

    var isLeapYear = function(year){
      return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);
    }

    if(yearNow < y){
       beginYear = yearNow;
       endYear = yearThen;
    }else if(yearNow > yearThen){
       beginYear = yearThen;
       endYear = yearNow;
    }else if(yearNow == yearThen){
       beginYear = yearThen;
       endYear = yearThen;
    }

    for(i = beginYear; i <= endYear; i++){
      if(isLeapYear(i)){
        leapYearCount++;
      }
    }

    return leapYearCount;
}

I then tried to add the 'leapYearCount' to the 'days' but it failed:

var countLeapYears = function(){
  var yearNow = new Date().getFullYear(); 
    var then = new Date("Jan 1, 1994 00:00:01");
    var yearThen = then.getFullYear();
    var beginYear = 0;
    var endYear = 0;
    var leapYearCount = 0;

    var isLeapYear = function(year){
      return ((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0);
    }

    if(yearNow < y){
       beginYear = yearNow;
       endYear = yearThen;
    }else if(yearNow > yearThen){
       beginYear = yearThen;
       endYear = yearNow;
    }else if(yearNow == yearThen){
       beginYear = yearThen;
       endYear = yearThen;
    }

    for(i = beginYear; i <= endYear; i++){
      if(isLeapYear(i)){
        leapYearCount++;
      }
    }

    return leapYearCount;
}

var lastDay = new Date("Jan 1, 1994 00:00:01").getTime(); 
var x = setInterval(function() { 
var now = new Date().getTime(); 
var t = now - lastDay; 
var years = Math.floor(t / (1000 * 60 * 60 * 24)/ 365);
var days = Math.floor((t % (1000 * 60 * 60 * 24 * 365))/(1000 * 60 * 60 * 24) + leapYearCount); 
var hours = Math.floor((t % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
var seconds = Math.floor((t % (1000 * 60)) / 1000); 
document.getElementById("year").innerHTML =years ; 
document.getElementById("day").innerHTML =days ; 
document.getElementById("hour").innerHTML =hours; 
document.getElementById("minute").innerHTML = minutes;  
document.getElementById("second").innerHTML =seconds;  
if (t < 0) { 
        clearInterval(x); 
        document.getElementById("demo").innerHTML = "TIME UP"; 
        document.getElementById("year").innerHTML ='0'; 
        document.getElementById("day").innerHTML ='0'; 
        document.getElementById("hour").innerHTML ='0'; 
        document.getElementById("minute").innerHTML ='0' ;  
        document.getElementById("second").innerHTML = '0'; } 
}, 1000);

Any ideas how I can correct this and add the extra days to account for the number of leap years which have passed?

Many thanks.

leap-year date javascript
1 Answers

The answer was a lot simpler than I had previously thought.

As I was just trying to factor in the difference in days because of the leap year, I just had to divide the number of years by 4 and add 1, like so:

var lastDay = new Date("Jan 1, 1994 10:00:00").getTime(); 
var x = setInterval(function() { 
var now = new Date().getTime(); 
var t = now - lastDay; 
var years = Math.floor(t / (1000 * 60 * 60 * 24)/ 365);
var leapDays = Math.floor((years / 4) + 1);
var days = Math.floor((t % (1000 * 60 * 60 * 24 * 365))/(1000 * 60 * 60 * 24) - leapDays); 
var hours = Math.floor((t % (1000 * 60 * 60 * 24))/(1000 * 60 * 60)); 
var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60)); 
var seconds = Math.floor((t % (1000 * 60)) / 1000); 
document.getElementById("year").innerHTML =years ; 
document.getElementById("day").innerHTML =days ; 
document.getElementById("hour").innerHTML =hours; 
document.getElementById("minute").innerHTML = minutes;  
document.getElementById("second").innerHTML =seconds;  
if (t < 0) { 
        clearInterval(x); 
        document.getElementById("demo").innerHTML = "TIME UP"; 
        document.getElementById("year").innerHTML ='0'; 
        document.getElementById("day").innerHTML ='0'; 
        document.getElementById("hour").innerHTML ='0'; 
        document.getElementById("minute").innerHTML ='0' ;  
        document.getElementById("second").innerHTML = '0'; } 
}, 1000);

user_147944420
Related