定时器计算

开发工具与关键技术: MVC

作者:彭水清

撰写时间:2019/4/13

今天我要分享一个页面获取登录时长的定时器计算,从登录页面开始就进行计时的一个效果。

接下来我就简单的分析一下我要实现的这个定时器计算效果。

下面这句代码起到了获取登录时间的重要性,’ @ViewBag.serverTime’是字符串,字符串由引号包围 。如果没有加上引号,会导致语法错误。

定时器计算

在ready时间里计算值。在ready里写了serverTime,这个事件满足new Date的格式,然后直接通过new
Date把serverTime转为js的时间类型。通过setInterval(定时器)这个方法。然后我1秒执行一次,我在里面获取当天的时间dateNow,再获取一个时间的差,现在的时间减去登录的时间(dateNow -
serverTime),然后计算出相差天数、小时数、分钟数和秒数,取到结果。

接下来如果天数大于零(days > 0)就追加天数上去,(hours > 0)就追加小时,(minutes > 0)就追加分钟上去。然后不断的设置LoginTime的text(strLoginTime)的文本值。

以下就是页面获取登录时长的定时器计算的代码:

定时器计算

项目运行的效果图如下:

左边是页面获取到的时间,右边是电脑上的准确时间。

定时器计算

以上就是我的分享,新手上道,请多多指教。如果有更好的方法或不懂得地方欢迎在评论区教导和提问喔!