Difference between revisions of "User:Rebecca.hollander"

From wiki
Jump to navigation Jump to search
Line 1: Line 1:
 
__NOTOC__
 
__NOTOC__
−
<p id="demo"></p>
 
  
−
<script>
+
<h1>Countdown Clock</h1>
−
// Set the date we're counting down to
+
<div id="clockdiv">
−
var countDownDate = new Date("Jan 5, 2019 15:37:25").getTime();
+
  <div>
 +
    <span class="days"></span>
 +
    <div class="smalltext">Days</div>
 +
  </div>
 +
  <div>
 +
    <span class="hours"></span>
 +
    <div class="smalltext">Hours</div>
 +
  </div>
 +
  <div>
 +
    <span class="minutes"></span>
 +
    <div class="smalltext">Minutes</div>
 +
  </div>
 +
  <div>
 +
    <span class="seconds"></span>
 +
    <div class="smalltext">Seconds</div>
 +
  </div>
 +
</div>
  
−
// Update the count down every 1 second
 
−
var x = setInterval(function() {
 
−
 
−
  // Get todays date and time
 
−
  var now = new Date().getTime();
 
−
 
−
  // Find the distance between now and the count down date
 
−
  var distance = countDownDate - now;
 
−
 
−
  // Time calculations for days, hours, minutes and seconds
 
−
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
 
−
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
 
−
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
 
−
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);
 
−
 
−
  // Display the result in the element with id="demo"
 
−
  document.getElementById("demo").innerHTML = days + "d " + hours + "h "
 
−
  + minutes + "m " + seconds + "s ";
 
−
 
−
  // If the count down is finished, write some text
 
−
  if (distance < 0) {
 
−
    clearInterval(x);
 
−
    document.getElementById("demo").innerHTML = "EXPIRED";
 
−
  }
 
−
}, 1000);
 
−
</script>
 
  
 
{| style="width: 100%; background-color: Thistle; border: 0px solid SlateGray; vertical-align: top;" cellspacing="5" cellpadding="5"
 
{| style="width: 100%; background-color: Thistle; border: 0px solid SlateGray; vertical-align: top;" cellspacing="5" cellpadding="5"

Revision as of 11:16, 3 December 2018


Countdown Clock
Days
Hours
Minutes
Seconds


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

Traffic cone.png
 Please bear with me as I fumble my way through coding this page.
Retrieved from "https://wiki.gccollab.ca/index.php?title=User:Rebecca.hollander&oldid=6676"