Difference between revisions of "User:Rebecca.hollander"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
  
<h1>Countdown Clock</h1>
+
function getTimeRemaining(endtime) {
<div id="clockdiv">
+
  var t = Date.parse(endtime) - Date.parse(new Date());
   <div>
+
   var seconds = Math.floor((t / 1000) % 60);
    <span class="days"></span>
+
  var minutes = Math.floor((t / 1000 / 60) % 60);
    <div class="smalltext">Days</div>
+
  var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
   </div>
+
   var days = Math.floor(t / (1000 * 60 * 60 * 24));
   <div>
+
   return {
     <span class="hours"></span>
+
    'total': t,
    <div class="smalltext">Hours</div>
+
    'days': days,
   </div>
+
    'hours': hours,
   <div>
+
    'minutes': minutes,
     <span class="minutes"></span>
+
     'seconds': seconds
     <div class="smalltext">Minutes</div>
+
  };
  </div>
+
}
  <div>
+
 
     <span class="seconds"></span>
+
function initializeClock(id, endtime) {
     <div class="smalltext">Seconds</div>
+
  var clock = document.getElementById(id);
   </div>
+
  var daysSpan = clock.querySelector('.days');
</div>
+
  var hoursSpan = clock.querySelector('.hours');
 +
  var minutesSpan = clock.querySelector('.minutes');
 +
   var secondsSpan = clock.querySelector('.seconds');
 +
 
 +
   function updateClock() {
 +
     var t = getTimeRemaining(endtime);
 +
 
 +
     daysSpan.innerHTML = t.days;
 +
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
 +
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
 +
     secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
 +
 
 +
     if (t.total <= 0) {
 +
      clearInterval(timeinterval);
 +
    }
 +
  }
 +
 
 +
  updateClock();
 +
   var timeinterval = setInterval(updateClock, 1000);
 +
}
 +
 
 +
var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000);
 +
initializeClock('clockdiv', deadline);
  
  

Revision as of 10:17, 3 December 2018


function getTimeRemaining(endtime) {

 var t = Date.parse(endtime) - Date.parse(new Date());
 var seconds = Math.floor((t / 1000) % 60);
 var minutes = Math.floor((t / 1000 / 60) % 60);
 var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
 var days = Math.floor(t / (1000 * 60 * 60 * 24));
 return {
   'total': t,
   'days': days,
   'hours': hours,
   'minutes': minutes,
   'seconds': seconds
 };

}

function initializeClock(id, endtime) {

 var clock = document.getElementById(id);
 var daysSpan = clock.querySelector('.days');
 var hoursSpan = clock.querySelector('.hours');
 var minutesSpan = clock.querySelector('.minutes');
 var secondsSpan = clock.querySelector('.seconds');
 function updateClock() {
   var t = getTimeRemaining(endtime);
   daysSpan.innerHTML = t.days;
   hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
   minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
   secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
   if (t.total <= 0) {
     clearInterval(timeinterval);
   }
 }
 updateClock();
 var timeinterval = setInterval(updateClock, 1000);

}

var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); initializeClock('clockdiv', deadline);


Rebecca Hollander.jpg

Basic

Name
Rebecca Hollander
Department
PCO, Government of Canada
Title
Communications Officer


About

Skills Creative strategy, advertising, research, analysis, writing, public speaking, graphic design
Hobbies Reading, writing, illustration
Passionate about Creative problem-solving
Want to learn more about Cybersecurity, coding, a third language
Communities I'd like to establish
Skill-trading network
Experts I'd like to meet
Too many


Links