Javascript Data Type How to - Display a time span








Question

We would like to know how to display a time span.

Answer


<!DOCTYPE html>
<html>
<head>
</head><!-- ww  w. j a  v  a2 s  .c o  m-->
<body>
  <script>
var date1 = new Date("7/Nov/2012 20:30:00");
var date2 = new Date("20/Nov/2012 19:15:00");
var diff = date2.getTime() - date1.getTime();
var days = Math.floor(diff / (1000 * 60 * 60 * 24));
diff -=  days * (1000 * 60 * 60 * 24);
var hours = Math.floor(diff / (1000 * 60 * 60));
diff -= hours * (1000 * 60 * 60);
var mins = Math.floor(diff / (1000 * 60));
diff -= mins * (1000 * 60);
var seconds = Math.floor(diff / (1000));
diff -= seconds * (1000);
document.writeln(days + " days : " + hours + " hours : " + mins + " minutes : " + seconds + " seconds");
</script>
</body>
</html>

The code above is rendered as follows: