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


Posted in Javascript onFebruary 25, 2016

本文实例介绍了javascript动态获取登录时间和在线时长的相应代码,分享给大家供大家参考,具体内容如下

效果图:

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

实现代码:

<html>
 <head>
 <title>online</title>
 <script language=javaScript>
 ///这里是获得登录时候的时间,用来和动态的时间做差来求时长
 var s = new Date();

 function clockon() {
 var thistime = new Date();
 //时间差
 diff = new Date();
 diff.setTime(Math.abs(thistime.getTime() - s.getTime()));
 timediff = diff.getTime();
 hos = Math.floor(timediff / (1000 * 60 * 60));
 mins = Math.floor(timediff / (1000 * 60));
 secs = Math.floor(timediff / 1000);
 //end
 var hours = thistime.getHours();
 var minutes = thistime.getMinutes();
 var seconds = thistime.getSeconds();

 if (eval(hours) < 10) {
  hours = "0" + hours;
 }
 if (eval(minutes) < 10) {
  minutes = "0" + minutes;
 }
 if (seconds < 10) {
  seconds = "0" + seconds;
 }
 thistime = hours + ":" + minutes + ":" + seconds;
 bgclockshade.innerHTML = thistime//这里动态的嵌入当前的时间
 //如果不取余的话,秒数是一直上升的,所以在达到一个60的时候就取余就可以解决这个问题了
 if (secs > 59) {
  secs = secs % 60;
 }
 if (mins > 59) {
  mins = mins % 60;
 }
 if (eval(secs) < 10) {
  secs = "0" + secs;
 }
 if (eval(mins) < 10) {
  mins = "0" + mins;
 }
 if (eval(hos) < 10) {
  hos = "0" + hos;
 }
 jishi.innerHTML = hos + ":" + mins + ":" + secs;
 var timer = setTimeout("clockon()", 200);
 }
</script>
 </head>
 <body onload="clockon();">
 登录时间:
 <div id="bgclockshade"></div>
 上网时长:
 <div id="jishi"></div>
 </body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助。

Javascript 相关文章推荐
js location.replace与location.reload的区别
Sep 08 Javascript
jQuery客户端分页实例代码
Nov 18 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
随鼠标移动的时钟非常漂亮遗憾的是只支持IE
Aug 12 Javascript
jquery实现公告翻滚效果
Feb 27 Javascript
JS根据生日月份和日期计算星座的简单实现方法
Nov 24 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
微信小程序 跳转传参数与传对象详解及实例代码
Mar 14 Javascript
Vue2 轮播图slide组件实例代码
May 31 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
JavaScript实现秒杀时钟倒计时
Sep 29 Javascript
vue之debounce属性被移除及处理详解
Nov 13 Javascript
基于javascript实现动态时钟效果
Aug 18 #Javascript
jQuery使用zTree插件实现树形菜单和异步加载
Feb 25 #Javascript
灵活的理解JavaScript中的this指向
Feb 25 #Javascript
jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码
Feb 25 #Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 #Javascript
jQuery zTree加载树形菜单功能
Feb 25 #Javascript
JavaScript实现搜索框的自动完成功能(一)
Feb 25 #Javascript
You might like
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php出租房数据管理及搜索页面
2017/05/23 PHP
基于jquery的动态创建表格的插件
2011/04/05 Javascript
js取滚动条的尺寸的函数代码
2011/11/30 Javascript
jquery 列表双向选择器之改进版
2013/08/09 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
浅析nodejs实现Websocket的数据接收与发送
2015/11/19 NodeJs
jquery 遍历数组 each 方法详解
2016/05/25 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
将JSON字符串转换成Map对象的方法
2016/11/30 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
在Vue组件上动态添加和删除属性方法
2018/02/23 Javascript
Angular 容器部署的方法
2018/04/17 Javascript
详解Angular6.0使用路由步骤(共7步)
2018/06/29 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
在小程序开发中使用npm的方法
2018/10/17 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
[02:34]肉山说——泡妞篇
2014/09/16 DOTA
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python生成随机验证码的两种方法
2015/12/22 Python
Python选课系统开发程序
2016/09/02 Python
Python cookbook(数据结构与算法)在字典中将键映射到多个值上的方法
2018/02/18 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
Python之时间和日期使用小结
2019/02/14 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
python多线程同步实例教程
2019/08/11 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
预备党员转正思想汇报
2014/01/12 职场文书
在Python 中将类对象序列化为JSON
2022/04/06 Python
Android开发 使用文件储存的方式保存QQ密码
2022/04/24 Java/Android