Javascript登录时钟

时间:2015-09-28 10:50:12

标签: javascript html html5 dom

我想创建一个javascript时钟,它将在用户登录时启动并运行直到用户注销

currentlty我正在使用setInterval并在每秒后调用它并在之前的时间中添加1秒。有没有更好的解决方案?

注意:即使用户刷新浏览器

,时钟也应该有效

1 个答案:

答案 0 :(得分:2)

我会回应Rohit的评论,但对于另一种JS解决方案,我会使用javascripts Date对象。 如下所示:

var logInTime = new Date();

var logoutTime = new Date();

var loggedInLength = logoutTime.getTime() - logInTime.getTime();
var seconds = loggedInLength / 1000
var minutes = seconds / 60
var hours = minutes / 60

只需在登录时设置logInTime,在注销时设置logoutTime

jsFiddle

编辑:我错过了关于时钟工作刷新的说明,为了实现这一点而不使用服务器端代码,您可以根据建议使用本地存储或设置cookie。

document.cookie = 'logintime='+logInTime.getTime()

看看这个如何通过名称检索cookie的答案:Get Cookie By Name