Difference between revisions of "Team:KU Leuven/HP/HP Main"

(Created page with "{{KU_Leuven}} <html> </html> {{KU_Leuven_footer}}")
 
Line 1: Line 1:
 
{{KU_Leuven}}
 
{{KU_Leuven}}
−
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
p {
 +
  text-align: center;
 +
  font-size: 60px;
 +
}
 +
</style>
 +
</head>
 +
<body>
  
 +
<p id="demo"></p>
  
 +
<script>
 +
// Set the date we're counting down to
 +
var countDownDate = new Date("Nov 9, 2017 00:00:00").getTime();
  
 +
// 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 an 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);
 +
   
 +
    // Output the result in an element with id="demo"
 +
    document.getElementById("demo").innerHTML = days + "d " + hours + "h "
 +
    + minutes + "m " + seconds + "s ";
 +
   
 +
    // If the count down is over, write some text
 +
    if (distance < 0) {
 +
        clearInterval(x);
 +
        document.getElementById("demo").innerHTML = "EXPIRED";
 +
    }
 +
}, 1000);
 +
</script>
 +
 +
</body>
 
</html>
 
</html>
 +
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Revision as of 11:03, 30 August 2017