倒计时
2015-08-26 15:58
423 查看
<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>
<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>
相关文章推荐
- 统计文件中单词个数
- webservice编程中的RPCServiceClient类在哪个jar包中?
- iOS开发--TDD的iOS开发初步以及Kiwi使用入门
- TextView和EditText的显示
- SPOJ COT Count on a tree(树上路径第k小 主席树)
- Mr. Process的一生-Linux内核的社会视角 (1) 调度
- Android Studio奇技淫巧一览 大幅度提升工作效率
- Office 365 IT Professional —— OneDrive
- Rust初步(六):在C#中使用Rust组件
- URL锚点定位
- IOS自带二维码生成
- 【转】Angularjs Controller 间通信机制
- linux查看机器负载
- 在SourceInsight中用快捷键打开文件所在的目录
- Searching the String - ZOJ 3228(ac自动机)
- Word2Vec之Deep Learning in NLP (一)词向量和语言模型
- HDU 2602:Bone Collector【01背包】
- 在JavaScript遇到的坑(一)
- POJ 1094 Sorting It All Out(拓扑排序变形)
- 获得当前月份