专栏首页张伟博客显示网站运行时间

显示网站运行时间

文章摘自小峰博客,经常逛网站,细心的话会发现,有些网站底部会显示本站稳定运行XX年XX天,甚至后面还显示XX时、XX秒

个人还是比较喜欢这东西的,所以看了下代码,有需要的朋友直接修改下日期然后Copy过去使用即可。

方法一:只显示运行天数

这个简单很多,只显示运行天数,代码如下:

本站已安全运行了<b><strong><script language = "JavaScript"type = "text/javascript" >var urodz = new Date("12/19/2014");var now = new Date();var ile = now.getTime() - urodz.getTime();var dni = Math.floor(ile / (1000 * 60 * 60 * 24));document.write( + dni)</script></strong></b>天

其中12是月份,19是日期,2014是年数,根据自己情况修改一下即可,然后把代码复制到你想要显示的地方。

方法二:显示XX年XX天XX时XX秒,秒数还是一秒一秒的走动

这个相对上面那个来说代码比较多,不过也是Copy过去修改个日期即可,看代码:

<script>
    function secondToDate(second) {
        if (!second) {
            return 0;
        }
        var time = new Array(0, 0, 0, 0, 0);
        if (second >= 365 * 24 * 3600) {
            time[0] = parseInt(second / (365 * 24 * 3600));
            second %= 365 * 24 * 3600;
        }
        if (second >= 24 * 3600) {
            time[1] = parseInt(second / (24 * 3600));
            second %= 24 * 3600;
        }
        if (second >= 3600) {
            time[2] = parseInt(second / 3600);
            second %= 3600;
        }
        if (second >= 60) {
            time[3] = parseInt(second / 60);
            second %= 60;
        }
        if (second > 0) {
            time[4] = second;
        }
        return time;
    }</script><script type="text/javascript" language="javascript">
    function setTime() {
        var create_time = Math.round(new Date(Date.UTC(2015, 07, 09, 6, 6, 6)).getTime() / 1000);
        var timestamp = Math.round((new Date().getTime() + 8 * 60 * 60 * 1000) / 1000);
        currentTime = secondToDate((timestamp - create_time));
        currentTimeHtml = currentTime[0] + '年' + currentTime[1] + '天'
                + currentTime[2] + '时' + currentTime[3] + '分' + currentTime[4]
                + '秒';
        document.getElementById("htmer_time").innerHTML = currentTimeHtml;
    }    setInterval(setTime, 1000);</script>

把上面代码复制到网页文件中,然后在你想显示的地方贴上这么一句代码即可:

网站稳定运行:<span id="htmer_time" style="color: red;"></span>

具体CSS样式自行修改,上面代码中2015,07,09,6,6,6分别对应年、月、日、时、分、秒,根据自己实际修改即可。

注: 博客创建时间秒数,时间格式中,月比较特殊,是从0开始的,所以想要显示5月,得写4才行,如下     

var create_time = Math.round(new Date(Date.UTC(2014, 04, 15, 0, 0, 0)) .getTime() / 1000);

本文地址:https://www.zwblog.cn/post/45.html 版权声明:本文为原创文章,版权归 witt 所有,欢迎分享本文,转载请保留出处!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • phpstudy如何安装ssl证书

    herve
  • 2016 Google hosts 持续更新【更新于:2016-12-29】

    herve
  • Linux系统中修改文件夹及文件读写权限

    如果目录下的所有文件都需要以管理员的方式进行文件的复制,创建,和移动。比如我的data目录 ,此时只需要。

    herve
  • django Highcharts制作图表--显示CPU使用率

    Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表

    py3study
  • django Highcharts制作图表--显示CPU使用率

    Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表

    测试开发社区
  • Kaggle 数据挖掘比赛经验分享

    Kaggle 于 2010 年创立,专注数据科学,机器学习竞赛的举办,是全球最大的数据科学社区和数据竞赛平台。笔者从 2013 年开始,陆续参加了多场 Kagg...

    CSDN技术头条
  • Android绘制(三):Path结合属性动画, 让图标动起来!

    SeanDepp
  • 【MySQL(2)| MySQL索引机制】

    索引对于良好的性能非常关键,尤其是当表中的数据量越来越大时,索引对性能的影响愈发重要。

    周三不加班
  • 云直播录制及设置文件存储时长

    &storage_time=600 指定文件保存的时长,单位为秒s,600s

    醉生萌死
  • 043android初级篇之android studio代码加入版本控制

    项目开发中,代码加入版本控制的必要性毋庸置疑。android studio中集成有代码的版本控制。

    上善若水.夏

扫码关注云+社区

领取腾讯云代金券