举例,距离元旦放假还有多久:
<body><div>距离元旦放假还有</div><div id="box"></div><script type="text/javascript">// 获取元素var box = document.getElementById("box");// 调用函数timemove();// 定义函数function timemove() {// 获取当前时间var d1 = new Date();// 定义目标时间var d2 = new Date("/1/1 00:00:00");// 定义剩余时间var d = d2 - d1;// 计算剩余天数var toDay = parseInt(d / 1000 / 60 / 60 / 24);// 计算剩余小时var toHours = parseInt(d / 1000 / 60 / 60 % 24);// 计算剩余分钟var toMinutes = parseInt(d / 1000 / 60 % 60);// 计算剩余秒var toSeconds = parseInt(d / 1000 % 60);//拼接变量var time = toDay + "天" + toHours + "小时" + toMinutes + "分钟" + toSeconds + "秒";// 将拼接好的变量显示在页面box.innerHTML = time;// 调用定时器,每秒刷新var timer = setInterval(timemove, 1000);// 当剩余时间小于等于0时,停止定时器,并输出计时结束if (d <= 0) {window.clearInterval(timer);box.innerHTML = "计时结束";}}</script></body>