Difference between revisions of "MediaWiki:Common.js"

m
m
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
+
// window.onload = function() {
 
+
countUpFromTime2("Jan 12, 2015 15:19:00", 'countup1',"Oct 17, 2022 08:48:00", 'countup2');  
 
+
// };
var slideIndex = 1;
+
function countUpFromTime2(countFrom1, id1, countFrom2, id2) {
showDivs(slideIndex);
+
   countUpFromTime(countFrom1, id1);
 
+
  countUpFromTime(countFrom2, id2);
function plusDivs(n) {
+
  clearTimeout(countUpFromTime2.interval);
  showDivs(slideIndex += n);
+
  countUpFromTime.interval = setTimeout(function(){ countUpFromTime2(countFrom1, id1, countFrom2, id2); }, 1000);
}
 
 
 
function currentDiv(n) {
 
   showDivs(slideIndex = n);
 
}
 
 
 
function stopVideos() {
 
var videos = document.querySelectorAll('iframe, video');
 
Array.prototype.forEach.call(videos, function (video) {
 
if (video.tagName.toLowerCase() === 'video') {
 
video.pause();
 
} else {
 
var src = video.src;
 
video.src = src;
 
}
 
});
 
 
}
 
}
 +
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);
  
function showDivs(n) {
+
   var idEl = document.getElementById(id);
  stopVideos();
+
   if (idEl != null) {
   var i;
+
    idEl.getElementsByClassName('years')[0].innerHTML = years;
  var x = document.getElementsByClassName("vslide");
+
    idEl.getElementsByClassName('days')[0].innerHTML = days;
   var dots = document.getElementsByClassName("vscap");
+
    idEl.getElementsByClassName('hours')[0].innerHTML = hours;
  if (n > x.length) {slideIndex = 1}   
+
    idEl.getElementsByClassName('minutes')[0].innerHTML = mins;
  if (n < 1) {slideIndex = x.length}
+
     idEl.getElementsByClassName('seconds')[0].innerHTML = secs;
  for (i = 0; i < x.length; i++) {
 
    x[i].style.display = "none";
 
  }
 
  for (i = 0; i < dots.length; i++) {
 
     dots[i].className = dots[i].className.replace(" btn-special", "");
 
 
   }
 
   }
  x[slideIndex-1].style.display = "block"; 
 
  dots[slideIndex-1].className += " btn-special";
 
 
}
 
}

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;
  }
}