Java-Scripts.net

Century Clock 2101

Think long term. This script provides a live countdown to the dawn of the 22nd Century.

Time Until Jan 1, 2101
Calculating...

Copy the Script

<div id="timer"></div>

<script>
// Set the date we're counting down to
var countDownDate = new Date("Jan 1, 2101 00:00:00").getTime();

var x = setInterval(function() {
  var now = new Date().getTime();
  var distance = countDownDate - now;

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

  document.getElementById("timer").innerHTML = days + "d " + hours + "h "
  + minutes + "m " + seconds + "s ";
}, 1000);
</script>

Frequently Asked Questions

The 21st century technically ends on December 31, 2100. The 22nd century begins on January 1, 2101. This timer counts down to that specific moment.

Yes. Simply modify the `targetDate` variable in the JavaScript to any future date you wish to count down to.

The script typically stops at zero. You can add an `if (distance < 0)` block to display a 'Happy New Century!' message.