背景
老板让我给他写个人主页,然后用到了这个东西,记录下
代码
<!--这是html代码,放在你想显示建站时间的地方,样式啥的自己改就行-->
<span id="sitetime" style="color: rgb(248, 247, 247);"></span><!--这是js代码,放在html文件末尾,或者单独放一个文件,引用都行--><script language=javascript>function siteTime() {window.setTimeout("siteTime()", 1000);var seconds = 1000;var minutes = seconds * 60;var hours = minutes * 60;var days = hours * 24;var years = days * 365;var today = new Date();var todayYear = today.getFullYear();var todayMonth = today.getMonth() + 1;var todayDate = today.getDate();var todayHour = today.getHours();var todayMinute = today.getMinutes();var todaySecond = today.getSeconds();var t1 = Date.UTC(2021, 12, 29, 17, 46, 00); //此处填写建站时间 依次为 年,月,日,时,分,秒注意格式 半角,var t2 = Date.UTC(todayYear, todayMonth, todayDate, todayHour, todayMinute, todaySecond);var diff = t2 - t1;var diffYears = Math.floor(diff / years);var diffDays = Math.floor((diff / days) - diffYears * 365);var diffHours = Math.floor((diff - (diffYears * 365 + diffDays) * days) / hours);var diffMinutes = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours) / minutes);var diffSeconds = Math.floor((diff - (diffYears * 365 + diffDays) * days - diffHours * hours - diffMinutes * minutes) / seconds);document.getElementById("sitetime").innerHTML = "🕓xiaojun zhou's homepage 已开通 " + diffYears + " 年 " + diffDays + " 天 " + diffHours + " 小时 " + diffMinutes + " 分钟 " + diffSeconds + " 秒"; //此处为显示的内容}siteTime();</script>
效果
我是把这东西放到了网站最下面,效果如下
在网站上的效果 周晓君教授的个人主页