如何用计时器记录时长，例子登录时长

如何用计时器记录时长，例子登录时长

当我们想知道用户在页面中逗留了多长的时间时，该怎么办呢？
大概的思路：首先我们要设置Session来保存当时的时间，然后获取保存在Session中的时间，将数据返回到页面，再创建日期对象，用计时器来计算开始进入的时间。
现在以登录为例：
效果图：

登录时间是登录的那一刻时间，然后登录时长就是从你登录的那一刻开始计算时间。
好了，现在了解完了，就开始想一下该怎么写。
1、 首先在登录页面中设置Session，把登录时间保存在Session中，获取当前时间
（“yyyy-MM-dd HH:mm:ss”：年-月-日 时：分：秒）。

2、 然后在主页面中获取保存在Session中的时间，把数据返回到页面。

3、 在html（页面）中需要接收数据，用@ViewBag.dengluTime来接收。

4、 而计时器则在js中实现，获取登录时间，记得加引号，因为ViewBag.dengluTime是字符串，所以要加引号
var strDengluTime = ‘@ViewBag.dengluTime’;
5、 然后要判断声明的变量（strDengluTime）是否为空，如果不等于空的话就创建日期对象，用计时器来计算时间，以1秒为计算单位。

6、 然后在计时器里面获取现在的时间，获取开始计算的时间，再然后计算出相差的天数，计算出相差小时数，计算出相差分钟数，计算出相差秒数。

//计算出相差的天数，相差多少天（天*时*分*秒）
var days = Math.floor(nowDate / (24 * 60 * 60 * 1000));
//计算出小时数
var residue1 = nowDate % (24 * 60 * 60 * 1000);  //计算天数后剩余的毫秒数
var hours = Math.floor(residue1 / (60 * 60 * 1000));
//计算相差分钟数
var residue2 = residue1 % (60 * 60 * 1000); //计算小时数后剩余的毫秒数
var minutes = Math.floor(residue2 / (60 * 1000));
//计算相差秒数
var residue3 = residue2 % (60 * 1000); //计算分钟数后剩余的毫秒数
var seconds = Math.floor(residue3 / 1000);

7、 最后声明登录时长为空，让登录时长拼接天数，小时，分钟，秒，获取到strLoginTime里面的内容。

//声明登录时长为空
var gainLoginTime = "";
if (days > 0) {
    gainLoginTime += days + "天 ";
}
if (hours > 0) {
    gainLoginTime += hours + "小时 "
}                    
if (minutes > 0) {
    gainLoginTime += minutes + " 分钟 ";
}
gainLoginTime += seconds + " 秒";
//获取到strLoginTime里面的内容
$("#LoginTime").text(gainLoginTime);

七个步骤轻松做好计时器记录时长，其实还有很多种方法待你去挖掘，今天就分享到这里，谢谢！