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 相关文章推荐
Javascript 构造函数,公有,私有特权和静态成员定义方法
Nov 30 Javascript
Js获取事件对象代码
Aug 05 Javascript
JavaScript学习历程和心得小结
Aug 16 Javascript
js 中{},[]中括号,大括号使用详解
May 12 Javascript
JavaScript 更严格的相等 [译]
Sep 20 Javascript
JS+ACTIVEX实现网页选择本地目录路径对话框
Mar 18 Javascript
html+js实现动态显示本地时间
Sep 21 Javascript
浅析JavaScript中的typeof运算符
Nov 30 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
javascript实现根据函数名称字符串动态执行函数的方法示例
Dec 28 Javascript
JS实现点击复选框变更DIV显示状态的示例代码
Dec 18 Javascript
vue中引入mxGraph的步骤详解
May 17 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者的疑难问答(1)
2006/10/09 PHP
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
Zend Framework数据库操作方法实例总结
2016/12/11 PHP
PHP实现的redis主从数据库状态检测功能示例
2017/07/20 PHP
thinkphp5框架实现的自定义扩展类操作示例
2019/05/16 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
Jquery iframe内部出滚动条
2010/02/11 Javascript
javascript 广告后加载,加载完页面再加载广告
2010/11/25 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
一款简单的jQuery图片标注效果附源码下载
2016/03/22 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
javascript时间戳和日期字符串相互转换代码(超简单)
2016/06/22 Javascript
JavaScript结合HTML DOM实现联动菜单
2017/04/05 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
vue treeselect获取当前选中项的label实例
2020/08/31 Javascript
python中文乱码不着急,先看懂字节和字符
2017/12/20 Python
浅谈Python traceback的优雅处理
2018/08/31 Python
Python爬取商家联系电话以及各种数据的方法
2018/11/10 Python
python使用magic模块进行文件类型识别方法
2018/12/08 Python
win10子系统python开发环境准备及kenlm和nltk的使用教程
2019/10/14 Python
python 检查数据中是否有缺失值,删除缺失值的方式
2019/12/02 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
解决python虚拟环境切换无效的问题
2020/04/30 Python
Python Pillow(PIL)库的用法详解
2020/09/19 Python
HTML5实现桌面通知 提示功能
2017/10/11 HTML / CSS
享誉全球的多元化时尚精品购物平台:Farfetch发发奇(支持中文)
2017/08/08 全球购物
十佳大学生村官事迹
2014/01/09 职场文书
成绩单公证书
2014/04/10 职场文书
大气污染防治方案
2014/05/19 职场文书
法制宣传标语
2014/06/23 职场文书
家长会欢迎标语
2014/06/24 职场文书
骨干教师考核评语
2014/12/31 职场文书
python 实现图与图之间的间距调整subplots_adjust
2021/05/21 Python