javascript动态获取登录时间和在线时长

1. 获取登录时间

在Javascript中获取登录时间需要使用Date对象。可以在用户登录时记录服务器端的时间戳，然后将时间戳传递给前端，使用Date对象将时间戳转换成具体的日期时间，最后将日期时间显示在页面上。

例如，假设用户登录时服务器端返回的时间戳为 1574825471373，那么我们可以使用以下代码将时间戳转换成日期时间：

const loginTime = new Date(1574825471373);
console.log(loginTime.toISOString());
// 输出结果为: 2019-11-27T07:31:11.373Z

可以看到，我们使用了new Date()构造函数来创建一个Date对象，并将时间戳作为参数传递进去。接着，调用toISOString()方法将日期转换成ISO格式的字符串，便于在页面上显示。

2. 获取在线时长

获取在线时长需要在页面加载时记录当前时间，然后定时更新当前时间，并计算当前时间和用户登录时间的时间差。由于Javascript没有自带的计时器，我们需要使用setInterval()方法来实现计时器的功能。

以下是一个简单的示例代码：

let loginTime = new Date(); // 用户登录时的时间
let intervalId; // 定时器的ID

function updateOnlineTime() {
  const now = new Date();
  const diff = now.getTime() - loginTime.getTime(); // 计算时间差，单位为毫秒
  const hours = Math.floor(diff / (1000 * 60 * 60)); // 将时间差转换成小时
  const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); // 将剩下的时间差转换成分钟
  const seconds = Math.floor((diff % (1000 * 60)) / 1000); // 将剩下的时间差转换成秒钟
  const onlineTime = `${hours}小时${minutes}分钟${seconds}秒`;
  document.getElementById('online-time').innerText = onlineTime; // 更新在线时长
}

window.onload = function() {
  intervalId = setInterval(updateOnlineTime, 1000); // 每秒钟更新时间
}

在上述代码中，我们定义了一个updateOnlineTime()方法来更新在线时间。该方法首先获取当前的日期，然后计算当前时间和用户登录时间的时间差。接着，将时间差分别转换成小时、分钟和秒钟，并将它们拼接成一个格式化的字符串，最后将在线时长显示在页面上。

在页面加载完成后，我们使用setInterval()方法来每秒钟执行一次updateOnlineTime()方法，来实现计时器的功能。

示例说明

1. 在一个在线论坛中，用户登录后需要显示他的在线时长。可以将获取登录时间和在线时长的代码嵌入到论坛的前端代码中，来实现这一功能。

2. 在一个在线教育平台中，需要记录学生学习的时间，并且在学生下次登录时显示上次学习的时间。可以使用本文中的方法来记录学生学习的开始时间，在学生下次登录时将开始时间传递给前端代码，然后通过计算当前时间和开始时间的时间差来显示学生学习的时间。