Difference between revisions of "MediaWiki:Common.js"

m
m
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
window.onload = function() {
+
// window.onload = function() {
  // Month Day, Year Hour:Minute:Second, id-of-element-container
+
countUpFromTime2("Jan 12, 2015 15:19:00", 'countup1',"Oct 17, 2022 08:48:00", 'countup2');  
  countUpFromTime("Jan 1, 2014 12:00:00", 'countup1'); // ****** Change this line!
+
// };
};
+
function countUpFromTime2(countFrom1, id1, countFrom2, id2) {
 +
  countUpFromTime(countFrom1, id1);
 +
  countUpFromTime(countFrom2, id2);
 +
  clearTimeout(countUpFromTime2.interval);
 +
  countUpFromTime.interval = setTimeout(function(){ countUpFromTime2(countFrom1, id1, countFrom2, id2); }, 1000);
 +
}
 
function countUpFromTime(countFrom, id) {
 
function countUpFromTime(countFrom, id) {
 
   countFrom = new Date(countFrom).getTime();
 
   countFrom = new Date(countFrom).getTime();
Line 14: Line 19:
 
   days = Math.floor(timeDifference / (secondsInADay) * 1);
 
   days = Math.floor(timeDifference / (secondsInADay) * 1);
 
   years = Math.floor(days / 365);
 
   years = Math.floor(days / 365);
   if (years > 1){ days = days - (years * 365) }
+
   if (years >= 1){ days = days - (years * 365) }
 
   hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
 
   hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
 
   mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
 
   mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
Line 20: Line 25:
  
 
   var idEl = document.getElementById(id);
 
   var idEl = document.getElementById(id);
   idEl.getElementsByClassName('years')[0].innerHTML = years;
+
   if (idEl != null) {
  idEl.getElementsByClassName('days')[0].innerHTML = days;
+
    idEl.getElementsByClassName('years')[0].innerHTML = years;
  idEl.getElementsByClassName('hours')[0].innerHTML = hours;
+
    idEl.getElementsByClassName('days')[0].innerHTML = days;
  idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
+
    idEl.getElementsByClassName('hours')[0].innerHTML = hours;
  idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
+
    idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
 
+
    idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
  clearTimeout(countUpFromTime.interval);
+
   }
   countUpFromTime.interval = setTimeout(function(){ countUpFromTime(countFrom, id); }, 1000);
 
 
}
 
}

Latest revision as of 20:42, 17 December 2023

// window.onload = function() {
countUpFromTime2("Jan 12, 2015 15:19:00", 'countup1',"Oct 17, 2022 08:48:00", 'countup2'); 
// };
function countUpFromTime2(countFrom1, id1, countFrom2, id2) {
  countUpFromTime(countFrom1, id1);
  countUpFromTime(countFrom2, id2);
  clearTimeout(countUpFromTime2.interval);
  countUpFromTime.interval = setTimeout(function(){ countUpFromTime2(countFrom1, id1, countFrom2, id2); }, 1000);
}
function countUpFromTime(countFrom, id) {
  countFrom = new Date(countFrom).getTime();
  var now = new Date(),
      countFrom = new Date(countFrom),
      timeDifference = (now - countFrom);
    
  var secondsInADay = 60 * 60 * 1000 * 24,
      secondsInAHour = 60 * 60 * 1000;
    
  days = Math.floor(timeDifference / (secondsInADay) * 1);
  years = Math.floor(days / 365);
  if (years >= 1){ days = days - (years * 365) }
  hours = Math.floor((timeDifference % (secondsInADay)) / (secondsInAHour) * 1);
  mins = Math.floor(((timeDifference % (secondsInADay)) % (secondsInAHour)) / (60 * 1000) * 1);
  secs = Math.floor((((timeDifference % (secondsInADay)) % (secondsInAHour)) % (60 * 1000)) / 1000 * 1);

  var idEl = document.getElementById(id);
  if (idEl != null) {
    idEl.getElementsByClassName('years')[0].innerHTML = years;
    idEl.getElementsByClassName('days')[0].innerHTML = days;
    idEl.getElementsByClassName('hours')[0].innerHTML = hours;
    idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
    idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
  }
}