码迷,mamicode.com
首页 > 其他好文 > 详细

倒计时

时间:2015-08-26 17:08:26      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:

<body onload="show_time();">

<p class="tit2">限时秒杀倒计时剩余时间:</p>
<ul class="time clearfix">
<li>
<div>
<p id="day">00</p><span>天</span></div>
</li>
<li>
<div>
<p id="hour">00</p><span>小时</span></div>
</li>
<li>
<div>
<p id="min">00</p><span>分钟</span></div>
</li>
<li>
<div>
<p id="sec">00</p><span>秒</span></div>
</li>
</ul>

 

js

function show_time(){
var time_start = new Date().getTime(); //设定当前时间
var time_end = new Date("2015/09/27 00:00:00").getTime(); //设定目标时间
// 计算时间差
var time_distance = time_end - time_start;
// 天
var int_day = Math.floor(time_distance/86400000)
time_distance -= int_day * 86400000;
// 时
var int_hour = Math.floor(time_distance/3600000)
time_distance -= int_hour * 3600000;
// 分
var int_minute = Math.floor(time_distance/60000)
time_distance -= int_minute * 60000;
// 秒
var int_second = Math.floor(time_distance/1000)
// 时分秒为单数时、前面加零
if(int_day < 10){
int_day = "0" + int_day;
}
if(int_hour < 10){
int_hour = "0" + int_hour;
}
if(int_minute < 10){
int_minute = "0" + int_minute;
}
if(int_second < 10){
int_second = "0" + int_second;
}
// 显示时间
$("#day").html(int_day);
$("#hour").html(int_hour);
$("#min").html(int_minute);
$("#sec").html(int_second);
// 设置定时器
setTimeout("show_time()",1000);
}

</body>

倒计时

标签:

原文地址:http://www.cnblogs.com/zhouyx/p/4760690.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!