给博客增加自动变化的工作年限

在我博客的关于页面有一段自我介绍,其中有一个工作年限,每过一年就需要增加一次,这样比较麻烦,所以我准备使用 js 来实现自动计算。

本科 应用物理学 专业,目前主要使用 Java / Kotlin 两门语言,从事 Android ,略懂一些 C / C++ / Python / JavaScript / Nodejs 等其他语言,目前没有什么特别大的成就,在一边工作的同时维持着本站的正常运行。

首先使用 <span> 标签替换要更改的内容部分,然后定义一个标签 id.

1
从事Android <span id="development_years"></span>,略懂一些......

然后使用 <script> 标签来写日期计算相关方法:

1
2
3
4
5
6
7
8
<script>
$(function(){
    var now = new Date();
    var grt= new Date("07/01/2013 00:00:00"); //注意:这里写自己的毕业日期
    years = (now - grt ) / 1000 / 60 / 60 / 24 / 365;
    $("#development_years").text("应用开发 " + Math.floor(years) + "+ 年");
})
</script>

知其然更要知其所以然,我们来看看这段 js 代码做了什么。

1
2
var now = new Date();  //创建当前日期对象
var grt = new Date("07/01/2013 00:00:00"); //创建毕业时间日期对象

接下来的 now - grt 实际上是两个时间差,单位是毫秒ms,接下来除以 1000 表示秒,再除以 3600 表示小时,再除以24小时和365天,最后单位是年。

哈哈,是不是很简单!