<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js倒计时</title> <style> .div { height:500px; width:300px; margin:20% auto;} h3,h2 { text-align:center;} </style> </head> <body bgcolor="#FF0000"> <div class="div"> <h3>距元旦还有</h3> <h2 id="time"></h2> </div> <script> function tt(){ var end = "2018-01-01 00:00:00" var endDate = new Date(end).getTime(); //alert(endDate); var star = new Date(); var starDate = star.getTime(); var temp = endDate-starDate; var day = Math.floor(temp/(1000*60*60*24)); var hh = Math.floor((temp-day*24*60*60*1000)/(1000*60*60)); var mm = Math.floor((temp-day*24*60*60*1000-hh*3600000)/(1000*60)); var ss = Math.floor((temp-day*24*60*60*1000-hh*3600000-mm*60000)/1000); //alert(day+"--"+hh+"--"+mm+"--"+ss); document.getElementById("time").innerHTML = day+"天"+hh+"小时"+mm+"分钟"+ss+"秒"; } tt(); window.setInterval(tt,1000); </script> </body> </html>