网站底部添加网站运行时间代码的教程

类似的教程有很多，但是每个教程都有自己的特点。比如：网站底部加上网站运行时间的教程

日常浏览网站的时候，总是看到一些网站底部会有本站已运行多少天的字样，显得特别高大上，这是怎么做到的呢？其实这是一段网站运行时间统计代码，现在很多建站程序都自带这种功能，只需要在网站后台开启即可，还有一些程序后台没有这种功能，但是也可以通过安装插件来实现。对于一些无法用上述方式来实现的站点，该如何来做出这种效果呢？其实用一段代码就可以来实现，接下来就来说说怎么给网站底部添加网站运行时间代码。把下面代码完整复制到你的网站模板底部文件中（footer文件），保存即可，当然也可以把它放置到想要展示的页面，时间精确到天/时/分/秒。

本站已运行：<span id=span_dt_dt style="color: #2F889A;"></span>
<script language=javascript>
    function show_date_time(){
        window.setTimeout("show_date_time()", 1000);
        // 这里修改站点开启日期
        BirthDay=new Date("2/07/2023 00:00:00");
        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=(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='<font style=color:#C40000>'+daysold+'</font> 天 <font style=color:#C40000>'+hrsold+'</font> 时 <font style=color:#C40000>'+minsold+'</font> 分 <font style=color:#C40000>'+seconds+'</font> 秒';
    }
    show_date_time();
</script>

把代码中的BirthDay=new Date(“2/07/2023 00:00:00”);中的2/07/2023 00:00:00，改为想设置时间。

代码中style="color: #2F889A;"是控制的是天、时、分、秒字体的颜色。

代码中style=color:#C40000是控制时间数值的颜色，可以改为其他颜色，也可以删除。

展示效果如下：