国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > 网站已运行多少天的代码+CSS样式

网站已运行多少天的代码+CSS样式

来源:程序员人生   发布时间:2014-03-22 00:20:35 阅读次数:4926次

  网(LieHuo.Net)教程 看到有一些网站在网页的底部或边栏放置了例如“本站已运行xx天的字样”,有些站长来问我是如何实现的,其实这个并不难,下面就将实例代码分享给大家。

  先看HTML部分:

以下为引用的内容:
<div class="yunxing">
网站已运行
<span id="span_dt_dt" style='border:0px solid black;background-color:#FFFFFF' ></span>
<SCRIPT language=javascript>
<!--
//document.write("");
function show_date_time(){
window.setTimeout("show_date_time()", 1000);
BirthDay=new Date("07-31-2009"); //网提示:这里的07-31-2009是指建站日期
today=new Date();
timeold=(today.getTime()-BirthDay.getTime());
sectimeold=timeold/1000
secondsold=Math.floor(sectimeold);
msPerDay=24*60*60*1000
e_daysold=timeold/msPerDay
daysold=Math.floor(e_daysold);
e_hrsold=(daysold-e_daysold)*-24;
hrsold=Math.floor(e_hrsold);
e_minsold=(hrsold-e_hrsold)*-60;
minsold=Math.floor((hrsold-e_hrsold)*-60);
seconds=Math.floor((minsold-e_minsold)*-60);
span_dt_dt.innerHTML=daysold+"天"+hrsold+"小时"+minsold+"分"+seconds+"秒" ;
}
show_date_time();
//-->
</SCRIPT>
</div>

  下面是CSS部分(放在网页的head或css文件中即可):

以下为引用的内容:
yunxing{  clear:both; text-align:center; border:1px solid #0099FF; background:#FFFFFF; line-height:20px; padding:6px 5px 3px; color:#666;}

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生