倒计时应用

<body>
　　　　<div class="time-item">
　　　　<h1 class="title">距离还有</h1>
　　　　<span><span id="day">00</span>天</span>
　　　　<strong><span id="hour">00</span>时</strong>
　　　　<strong><span id="minute">00</span>分</strong>
　　　　<strong><span id="second">00</span>秒</strong>
　　</div>
</body>


<script type="text/javascript">

　//函数计算返回天 时 分 秒
　function getTime(start, end) {
　　//系统返回的毫秒数
　　var time = ( end - start ) / 1000;
　　var day, hour, minute, second;

　　day = Math.floor(time / 60 / 60 / 24);
　　hour = Math.floor(time / 60 / 60 % 24);
　　minute = Math.floor(time / 60 % 60);
　　second = Math.floor(time % 60);

　　return {
　　　　day: day,
　　　　hour: hour,
　　　　minute: minute,
　　　　second: second
　　}
 }

 

　　// 显示到网页上
　　var day = document.getElementById('day');
　　var hour = document.getElementById('hour');
　　var second = document.getElementById('second');
　　var minute = document.getElementById('minute');

　//时间2018-2-28
　var end = new Date('2018-2-28');
　setInterval(count,1000);
　function count() {
　　//获取当前时间
　　var start = new Date();
　　//获取时间差
　　var timeObj = getTime(start, end);
　　// 数值补0
　　timeObj.day = timeObj.day < 10? '0' + timeObj.day: timeObj.day;
　　timeObj.hour = timeObj.hour < 10? '0' + timeObj.hour: timeObj.hour;
　　timeObj.minute = timeObj.minute < 10? '0' + timeObj.minute: timeObj.minute;
　　timeObj.second = timeObj.second < 10? '0' + timeObj.second: timeObj.second;

　　day.innerText = timeObj.day;
　　hour.innerText = timeObj.hour;
　　minute.innerText = timeObj.minute;
　　second.innerText = timeObj.second;
 }
　　//页面开始时就计数
　　count();

</script>

posted @ 2018-02-27 21:43  llric  阅读(113)  评论(0)    收藏  举报