给网站底部添加网站运行时间代码

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

 MATLAB
本站已运行:<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("12/03/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(“12/03/2023 00:00:00”);中的12/03/2023 00:00:00,改为你想设置时间。

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

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


转载请说明出处 内容投诉内容投诉
小小石博客 » 给网站底部添加网站运行时间代码

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买