以文本方式查看主题

-  智睿软件_技术交流论坛  (http://zhirui.net/bbs/index.asp)
--  Web页面设计  (http://zhirui.net/bbs/list.asp?boardid=33)
----  分享网页倒计时代码  (http://zhirui.net/bbs/dispbbs.asp?boardid=33&id=1258)
--  作者：zhirui
--  发布时间：2011-02-24 14:37:08
--  分享网页倒计时代码

一段简单的倒计时代码
<script language="JavaScript">
var urodz= new Date("3/30/2005");
var s="今天离五一劳动节";
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write(""+s+"还有"+dni +"天")
else if (dni == 1)
document.write("只有2天啦！")
else if (dni == 0)
document.write("只有1天啦！")
else
document.write("好象已经过了哦！");
</script>

 

有时分秒的倒计时代码
-----------------------------


<br>距离考试还有<br>
<span id="span_dt_dt" style=\'border:1px solid black;background-color:#FFFFFF\' ></span>
<SCRIPT language=javascript>
<!--
//document.write("");

function show_student163_time(){
 window.setTimeout("show_student163_time()", 1000);
 BirthDay=new Date("04-01-2005");//改成你的计时日期
 today=new Date();
 timeold=(BirthDay.getTime()-today.getTime());
 sectimeold=timeold/1000
 secondsold=Math.floor(sectimeold);
 msPerDay=24*60*60*1000
 e_daysold=timeold/msPerDay
 daysold=Math.floor(e_daysold);
 e_hrsold=(e_daysold-daysold)*24;
 hrsold=Math.floor(e_hrsold);
 e_minsold=(e_hrsold-hrsold)*60;
 minsold=Math.floor((e_hrsold-hrsold)*60);
 seconds=Math.floor((e_minsold-minsold)*60);
 span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
 
}
show_student163_time();
//-->
</SCRIPT>
--  作者：zhirui
--  发布时间：2011-02-24 14:37:27
--  
<SCRIPT LANGUAGE="JavaScript">  
<!--  
var maxtime = 60*60 //一个小时，按秒计算，自己调整!  
function CountDown(){  
if(maxtime>=0){  
minutes = Math.floor(maxtime/60);  
seconds = Math.floor(maxtime%60);  
msg = "距离结束还有"+minutes+"分"+seconds+"秒";  
document.all["timer"].innerHTML=msg;  
if(maxtime == 5*60) alert(\'注意，还有5分钟!\');  
--maxtime;  
}  
else{  
clearInterval(timer);  
alert("时间到，结束!");  
}  
}  
timer = setInterval("CountDown()",1000);  
//-->  
</SCRIPT>  
<div id="timer" style="color:red"></div>