js实现博客网站运行天数计算

木庄网络博客页面左下角有一个博客网站运行天数的小功能，该功能使用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数组学习之清空全部元素的4种方法（代码详解）

使用javascript的模块加载器

typescript 和 javascript 的区别

javascript如何实现html字符转实体

js filter是什么意思

js如何将json字符串转换为json对象

js中的布尔运算符如何使用

js中如何引入css

如何利用js实现音乐导航效果

js简单上传图片预览功能的实例详解

更多相关阅读请进入《js》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

书籍

web前端 Vue3 全家桶课程 Vite2.0 项目实战开发 typescript教程

百度网盘链接下载

教程包含文字、图片、音频、高清视频等素材。

书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深，由深到精”的学习模式进行讲解。全书共35章，不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识，而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。

转载请注明出处：木庄网络博客 » js实现博客网站运行天数计算