网(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;} |
上一篇 多表查询技巧