Javascript Data Type How to - Create count down clock

Question

We would like to know how to create count down clock.

Answer


<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
window.onload=function(){<!-- w  w  w.  j a  v  a  2 s  . c o m-->
showDiff();
function showDiff(){
    var date1 = new Date();    
    var date2 = new Date("2015/07/30 21:59:00");
    //Customise date2 for your required future time
    var diff = (date2 - date1)/1000;
    var diff = Math.abs(Math.floor(diff));
    var days = Math.floor(diff/(24*60*60));
    var leftSec = diff - days * 24*60*60;
    var hrs = Math.floor(leftSec/(60*60));
    var leftSec = leftSec - hrs * 60*60;
    var min = Math.floor(leftSec/(60));
    var leftSec = leftSec - min * 60;
    document.getElementById("showTime").innerHTML = "You have " + days + " days " + hrs + " hours " + min + " minutes and " + leftSec + " seconds before death.";
    setTimeout(showDiff,1000);
}
}
</script>
</head>
<body>
  <div id="showTime"></div>
</body>
</html>

The code above is rendered as follows: