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数组去重3种方法的性能测试与比较
Mar 26 Javascript
node+express+ejs制作简单页面上手指南
Nov 26 Javascript
详解javascript数组去重问题
Nov 06 Javascript
易操作的jQuery表单提示插件
Dec 01 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
Dec 18 Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 Javascript
Javascript 关于基本类型和引用类型的个人理解
Nov 01 Javascript
vue 监听窗口变化对页面部分元素重新渲染操作
Jul 28 Javascript
vue+element实现动态加载表单
Dec 13 Vue.js
基于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
PHP4(windows版本)中的COM函数
2006/10/09 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
php类的自动加载操作实例详解
2016/09/28 PHP
php测试kafka项目示例
2020/02/06 PHP
php实现简单四则运算器
2020/11/29 PHP
javascript仿qq界面的折叠菜单实现代码
2012/12/12 Javascript
Eval and new funciton not the same thing
2012/12/27 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
7个有用的jQuery代码片段分享
2015/05/19 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
Node.js中防止错误导致的进程阻塞的方法
2016/08/11 Javascript
微信小程序 Page()函数详解
2016/10/17 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
JS中的回调函数实例浅析
2018/03/21 Javascript
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实例讲解
2018/09/21 Javascript
小程序实现订单倒计时功能
2019/04/23 Javascript
Node.js API详解之 os模块用法实例分析
2020/05/06 Javascript
Vue Object.defineProperty及ProxyVue实现双向数据绑定
2020/09/02 Javascript
[51:11]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS DT
2014/05/22 DOTA
[51:52]Liquid vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.24
2019/09/10 DOTA
Python Web编程之WSGI协议简介
2018/07/18 Python
python 多进程并行编程 ProcessPoolExecutor的实现
2019/10/11 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
TensorFlow设置日志级别的几种方式小结
2020/02/04 Python
Django重设Admin密码过程解析
2020/02/10 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
Pytorch转tflite方式
2020/05/25 Python
全球速卖通:AliExpress(国际版淘宝)
2017/09/20 全球购物
英国手机零售商:Metrofone
2019/03/18 全球购物
高校生生产实习自我鉴定
2013/09/21 职场文书
行政总经理岗位职责
2013/12/05 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
安全先进班组材料
2014/12/26 职场文书
laravel ajax curd 搜索登录判断功能的实现
2021/04/17 PHP