js实现博客网站运行天数计算-木庄网络博客

2016-09-13 17:46:07 木庄网络博客 JavaScript 百度已收录

木庄网络博客页面左下角有一个博客网站运行天数的小功能，该功能使用js实现，参考代码如下：

function siteTime() {
        window.setTimeout("siteTime()", 1000);
        var seconds = 1000;
        var minutes = seconds * 60;
        var hours = minutes * 60;
        var days = hours * 24;

        var today = new Date();
        var todayYear = today.getFullYear();
        var todayMonth = today.getMonth();
        var todayDate = today.getDate();

        var t1 = Date.UTC(2016, 7, 8);
        var t2 = Date.UTC(todayYear, todayMonth, todayDate);
        var diff = t2 - t1;

        var diffDays = Math.floor(diff / days);
        document.getElementById("sitetime").innerHTML = diffDays + " 天 ";
    }

    siteTime();

然后再页面上设置一个标签ID为sitetime的html标签，就可以输出具体天数了。注意：var t1 = Date.UTC(2016, 7, 8)是设置开始时间为2016-08-08的日期，注意月份。

相关阅读 >>

js如何实现日期比较大小

js如何判断打开项目的浏览器类别

vue.js前端框架有哪些特点

html5和js绘制图片到canvas的方法

文件上传组件webuploader基本使用

js实现点击目录名变换颜色的效果实例