倒计时代码
作者:刚子 日期:2008-05-16
今天事情比较少,弄一个女朋友毕业倒计时页面的时候用到的,发来分享下。上面是字体,下面是倒计时代码,中间的到期时间可以自己修改!
<style type="text/css">
<!--body{font-size:13px}-->
</style>
<script type="text/javascript">announcement();</script>
<tr align="center"><td width="34%" height="64">距离女朋友毕业还有
<font color=red><span id="span_dt_dt"></span></font>
<SCRIPT language=javascript>
<!--
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
theDay=new Date("06-21-2008");//改成你的计时日期
today=new Date();
timeold=(theDay.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_date_time();
//-->
</SCRIPT></td>
</tr></div>
<br></div>
<div>
<script>try{document.body.style.zoom=1.1;document.body.style.zoom='';}catch(e){}</script>
代码演示:
<style type="text/css">
<!--body{font-size:13px}-->
</style>
<script type="text/javascript">announcement();</script>
<tr align="center"><td width="34%" height="64">距离女朋友毕业还有
<font color=red><span id="span_dt_dt"></span></font>
<SCRIPT language=javascript>
<!--
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
theDay=new Date("06-21-2008");//改成你的计时日期
today=new Date();
timeold=(theDay.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_date_time();
//-->
</SCRIPT></td>
</tr></div>
<br></div>
<div>
<script>try{document.body.style.zoom=1.1;document.body.style.zoom='';}catch(e){}</script>
代码演示:

评论: 0 | 引用: 0 | 查看次数: -
发表评论
上一篇
下一篇

文章来自:
Tags: