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 相关文章推荐
jquery全选checkBox功能实现代码(取消全选功能)
Dec 10 Javascript
JavaScript中对象介绍
Dec 31 Javascript
JavaScript插件化开发教程 (四)
Jan 27 Javascript
javascript图片预加载完整实例
Dec 10 Javascript
JS表格组件BootstrapTable行内编辑解决方案x-editable
Sep 01 Javascript
json2.js 入门教程之使用方法与实例分析
Sep 14 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
Nov 07 Javascript
vue绑定事件后获取绑定事件中的this方法
Sep 15 Javascript
解决layui 表单元素radio不显示渲染的问题
Sep 04 Javascript
vue实现五子棋游戏
May 28 Javascript
Vue的Options用法说明
Aug 14 Javascript
js加减乘除精确运算方法实例代码
Jan 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简单实现快速排序的方法
2015/04/04 PHP
php curl抓取网页的介绍和推广及使用CURL抓取淘宝页面集成方法
2015/11/30 PHP
XHProf报告字段含义的解析
2016/05/17 PHP
php微信公众号开发模式详解
2016/11/28 PHP
JS上传前预览图片实例
2013/03/25 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
jcrop基本参数一览
2013/07/16 Javascript
js计算字符串长度包含的中文是utf8格式
2013/10/15 Javascript
js中reverse函数的用法详解
2013/12/26 Javascript
Javascript递归打印Document层次关系实例分析
2015/05/15 Javascript
原生js实现模拟滚动条
2015/06/15 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
javascript滚轮控制模拟滚动条
2016/10/19 Javascript
Bootstrap 3.x打印预览背景色与文字显示异常的解决
2016/11/06 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
Echarts地图添加引导线效果(labelLine)
2019/09/30 Javascript
详解Vue template 如何支持多个根结点
2020/02/10 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
[05:08]DOTA2-DPC中国联赛3月6日Recap集锦
2021/03/11 DOTA
Python进程通信之匿名管道实例讲解
2015/04/11 Python
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python统计日志中每个IP出现次数的方法
2015/07/06 Python
Python实现字符串反转的常用方法分析【4种方法】
2017/09/30 Python
python脚本监控Tomcat服务器的方法
2018/07/06 Python
Python 把序列转换为元组的函数tuple方法
2019/06/27 Python
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
Python aiohttp百万并发极限测试实例分析
2019/10/26 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
浅析pip安装第三方库及pycharm中导入第三方库的问题
2020/03/10 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
统计系教授推荐信
2014/02/28 职场文书
工会换届选举方案
2014/05/21 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
python库Tsmoothie模块数据平滑化异常点抓取
2022/06/10 Python
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL