运行代码 缩小
汉王
HTML代码
复制 格式化 注释 注释 清空
放大
AخA
 
1
<title>JavaScript小时倒计时代码</title>
2
<style>
3
body{font-family:"微软雅黑";font-size:22px;}
4
</style>
5
<SCRIPT LANGUAGE="JavaScript">   
6
<!--   
7
var maxtime = 60*60 //1小时,按秒计算   
8
function CountDown(){   
9
if(maxtime>=0){   
10
minutes = Math.floor(maxtime/60);   
11
seconds = Math.floor(maxtime%60);   
12
msg = "距离活动结束还有:"+minutes+"分"+seconds+"秒";   
13
document.all["timer"].innerHTML=msg;   
14
if(maxtime == 5*60) alert('注意,还有5分钟!');   
15
--maxtime;   
16
}   
17
else{   
18
clearInterval(timer);   
19
alert("时间到,活动已结束!");   
20
}   
21
}   
22
timer = setInterval("CountDown()",1000);   
23
//-->   
24
</SCRIPT>   
25
<body><div id="timer" style="color:red">倒计时马上开始……</div></body>
CSS代码
复制 格式化 注释 注释 颜色 清空
放大
CSS代码...
x
 
1
JS代码
复制 格式化 注释 注释 清空
放大
JS代码...
xxxxxxxxxx
1
 
1
名称
JavaScript小时倒计时代码
分类
日期时间
描述
js倒计时,以一个小时为单位进行时间分钟、秒倒计,不牵扯年月日,也就是在1小时内的倒计时效果,显示时间的字体和字号以及颜色都可以自己设置,这里为了醒目,将倒计时设置成红色显示,在id为timer的style属性中修改。
收藏