木庄网络博客页面左下角有一个博客网站运行天数的小功能,该功能使用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》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者