在一个需要登录的页面里面,一般都会有着一个计算你什么时候登录的,计算你从登录之后进入这个页面后的多少时间,示例图:如下, 首先的是从什么时候开始的登录时间,后面再是登录之后的登录时长,首先在HTML代码中编辑需要的样式。 中用class的样式进行right向右显示 再用 标签进行排列的顺序 标签给下面的标签点击事件 欢迎您:@ViewBag.userName @ViewBag.userName为点击事件的关键 进行显示的隐藏 登录时间: @ViewBag.serverTime @ViewBag.serverTime相当是一个ID 登录时长: 编写完上面的HTML样式了,之后,再进行js的编写。 首先是获取登录时间 var strServerTime = '@ViewBag.serverTime'; if (strServerTime != '') { var serverTime = new Date(strServerTime);创建日期对象 window.setInterval(function () { var dateNow = new Date(); var date3 = parseInt(dateNow - serverTime); var days = Math.floor(date3 / (24 * 60 * 60 * 1000)); 计算出相差天数 var leave1 = date3 % (24 * 60 * 60 * 1000);计算出小时数,计算天数后剩余的毫秒数 var hours = Math.floor(leave1 / (60 * 60 * 1000)); 计算相差分钟数 var leave2 = leave1 % (60 * 60 * 1000);计算小时数后剩余的毫秒数 var minutes = Math.floor(leave2 / (60 * 1000)); 计算相差秒数 var leave3 = leave2 % (60 * 1000);计算分钟数后剩余的毫秒数 var seconds = Math.floor(leave3 / 1000); var strLoginTime = ""; if (days > 0) {进行天、小时、分钟、秒的画分strLoginTime += days + "天";} if (hours > 0) {strLoginTime += hours + "小时 "} if (minutes > 0) {strLoginTime += minutes + " 分钟 ";}strLoginTime += seconds + " 秒"; $("#LoginTime").text(strLoginTime);}, 1000);}