使用JS实现倒计时功能(http://www.cnblogs.com/doll-net)
2016-01-24 15:26
721 查看
使用JS实现倒计时功能
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
<HTML>
3
<HEAD>
4
<TITLE>倒计时</TITLE>
5
<META NAME="Generator" CONTENT="EditPlus">
6
<META NAME="Author" CONTENT="">
7
<META NAME="Keywords" CONTENT="">
8
<META NAME="Description" CONTENT="">
9
</HEAD>
10
11
<BODY>
12
<div id="TimeCounter" style="border:1px solid black;margin:1px;padding:2px;width:170px"></div>
13
<SCRIPT language=javascript>
14
<!--
15
function show_date_time(){
16
window.setTimeout("show_date_time()", 1000);
17
target=new Date(2007,9,19,10,13,0);
18
today=new Date();
19
timeold=(target.getTime()-today.getTime());
20
21
sectimeold=timeold/1000
22
secondsold=Math.floor(sectimeold);
23
msPerDay=24*60*60*1000
24
e_daysold=timeold/msPerDay
25
daysold=Math.floor(e_daysold);
26
e_hrsold=(e_daysold-daysold)*24;
27
hrsold=Math.floor(e_hrsold);
28
e_minsold=(e_hrsold-hrsold)*60;
29
minsold=Math.floor((e_hrsold-hrsold)*60);
30
seconds=Math.floor((e_minsold-minsold)*60);
31
32
if (daysold<0) {
33
document.getElementById("TimeCounter").innerHTML="逾期,倒计时已经失效";
34
}
35
else{
36
if (daysold<10) {daysold="0"+daysold}
37
if (daysold<100) {daysold="0"+daysold}
38
if (hrsold<10) {hrsold="0"+hrsold}
39
if (minsold<10) {minsold="0"+minsold}
40
if (seconds<10) {seconds="0"+seconds}
41
if (daysold<3) {
42
document.getElementById("TimeCounter").innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>";
43
}
44
else
45
document.getElementById("TimeCounter").innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
46
}
47
}
48
show_date_time();
49
//-->
50
</SCRIPT></div>
51
</BODY>
52
</HTML>
53
54
1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2
<HTML>
3
<HEAD>
4
<TITLE>倒计时</TITLE>
5
<META NAME="Generator" CONTENT="EditPlus">
6
<META NAME="Author" CONTENT="">
7
<META NAME="Keywords" CONTENT="">
8
<META NAME="Description" CONTENT="">
9
</HEAD>
10
11
<BODY>
12
<div id="TimeCounter" style="border:1px solid black;margin:1px;padding:2px;width:170px"></div>
13
<SCRIPT language=javascript>
14
<!--
15
function show_date_time(){
16
window.setTimeout("show_date_time()", 1000);
17
target=new Date(2007,9,19,10,13,0);
18
today=new Date();
19
timeold=(target.getTime()-today.getTime());
20
21
sectimeold=timeold/1000
22
secondsold=Math.floor(sectimeold);
23
msPerDay=24*60*60*1000
24
e_daysold=timeold/msPerDay
25
daysold=Math.floor(e_daysold);
26
e_hrsold=(e_daysold-daysold)*24;
27
hrsold=Math.floor(e_hrsold);
28
e_minsold=(e_hrsold-hrsold)*60;
29
minsold=Math.floor((e_hrsold-hrsold)*60);
30
seconds=Math.floor((e_minsold-minsold)*60);
31
32
if (daysold<0) {
33
document.getElementById("TimeCounter").innerHTML="逾期,倒计时已经失效";
34
}
35
else{
36
if (daysold<10) {daysold="0"+daysold}
37
if (daysold<100) {daysold="0"+daysold}
38
if (hrsold<10) {hrsold="0"+hrsold}
39
if (minsold<10) {minsold="0"+minsold}
40
if (seconds<10) {seconds="0"+seconds}
41
if (daysold<3) {
42
document.getElementById("TimeCounter").innerHTML="<font color=red>"+daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒</font>";
43
}
44
else
45
document.getElementById("TimeCounter").innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒";
46
}
47
}
48
show_date_time();
49
//-->
50
</SCRIPT></div>
51
</BODY>
52
</HTML>
53
54
相关文章推荐
- 高级特性(3)- 网络
- 计算机网络——体系结构
- Android程序开发通过HttpURLConnection上传文件到服务器
- hadoop - hadoop2.6 分布式 - 集群环境搭建 - 系统搭建和网络配置
- HttpClient容易忽视的细节——连接关闭
- 扇区 物理块 逻辑块 flash 基础概念【网络收集】
- android Http通信局域网测试详解
- 浅谈HTTP中Get与Post的区别
- HTTP报文详解
- Http 400 --- The request sent by the client was syntactically incorrect
- 两台win7电脑,双网卡主机共享网络(局域网和Internet)给从机
- POJ 2516 Minimum Cost (最小费用最大流)
- ajax--xhr属性方法&post实例
- Java抓取网络图片上传七牛云全纪录
- 判断任意两台计算机的IP地址是否属于同一子网络的两种地址转换方法
- shell vs python脚本监控http请求
- 请求复制工具tcpcopy学习小结
- httpWebRequest WebClient下载慢的问题处理
- HttpWebRequest类(模拟)
- android studio中HttpClient解决