大连做网站
首页 > 常见问题 > 怎样在网页中加入“网站已运行多少天”

怎样在网页中加入“网站已运行多少天”

2018-11-22

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

以下为引用的内容:
<div class="yunxing">//
新图闻科技提示: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部分(放在网页的headcss文件中即可):

以下为引用的内容:
yunxing{ 
clear:both; text-align:center;border:1px solid #0099FF; 
background:#FFFFFF; line-height:20px; padding:6px 5px 3px; color:#666;}//
此处需与方面class想对应。好了,就说到这里了,如果你觉得以上内容对你有所帮助,就请多多关注我们新图闻科技的官方网站吧,我们会定期分享建站及推广的相关知识给大家,谢谢!

新图闻科技,专注于网站建设及网络推广,业务咨询热线:0411-84510623