peytondodd
6/10/2019 - 7:33 PM

Backwords Count Down

<table><tr><td><h1 id="countdown"></h1></td></tr></table>
@import url(https://fonts.googleapis.com/css?family=Oswald:700);
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  paddign: 0px;
  border: 0px;
}

body {
  background-image: url("https://i.imgur.com/MX4HOlA.jpg");
  background-position: 50% 50%;
  background-size: 100% 100%;
}

h1 {
  text-align: center;
  color: rgba(0, 0, 0, 0.75);
  font-family: "Oswald";
  font-weight: 700;
  font-size: 5em;
  margin: 0 25%;
  border-top: .1em solid;
  border-bottom: .1em solid;
}

table, td {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
// set the date we're counting down to
var target_date = new Date("Mar 4, 2014").getTime();
 
// variables for time units
var days, hours, minutes, seconds;
 
// get tag element
var countdown = document.getElementById("countdown");
 
// update the tag with id "countdown" every 1 second
setInterval(function () {
 
    // find the amount of "seconds" between now and target
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;
 
    // do some time calculations
    days = parseInt(seconds_left / 86400);
    seconds_left = seconds_left % 86400;
     
    hours = parseInt(seconds_left / 3600);
    seconds_left = seconds_left % 3600;
     
    minutes = parseInt(seconds_left / 60);
    seconds = parseInt(seconds_left % 60);
     
    // format countdown string + set tag value
    countdown.innerHTML = (days * -1).toLocaleString() + " days since the end of XP";  
 
}, 1000);