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 模式实例 观察者模式
Oct 24 Javascript
ExtJs 表单提交登陆实现代码
Aug 19 Javascript
JavaScript传递变量: 值传递?引用传递?
Feb 22 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
Jan 15 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
Aug 15 Javascript
在vue项目中,使用axios跨域处理
Mar 07 Javascript
jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】
Aug 28 jQuery
微信小程序里引入SVG矢量图标的方法
Sep 20 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
node.js使用http模块创建服务器和客户端完整示例
Feb 10 Javascript
vue 组件简介
Jul 31 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实现将优酷土豆腾讯视频html地址转换成flash swf地址的方法
2017/08/04 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
PHP获取HTTP body内容的方法
2018/12/31 PHP
用js重建星际争霸
2006/12/22 Javascript
更正确的asp冒泡排序
2007/05/24 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
javaScript如何处理从java后台返回的list
2014/04/24 Javascript
在JavaScript中使用NaN值的方法
2015/06/05 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
自定义require函数让浏览器按需加载Js文件
2016/11/24 Javascript
jquery精度计算代码 jquery指定精确小数位
2017/02/06 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
把JavaScript代码改成ES6语法不完全指南(分享)
2017/09/10 Javascript
VUE+elementui面包屑实现动态路由详解
2019/11/04 Javascript
[01:01:43]EG vs VP 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python脚本实现格式化css文件
2015/04/08 Python
python的random模块及加权随机算法的python实现方法
2017/01/04 Python
python队列queue模块详解
2018/04/27 Python
解决安装python库时windows error5 报错的问题
2018/10/21 Python
python异常触发及自定义异常类解析
2019/08/06 Python
python 实现线程之间的通信示例
2020/02/14 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
Python字符串格式化f-string多种功能实现
2020/05/07 Python
俄罗斯和世界各地的酒店预订:Hotels.com俄罗斯
2016/08/19 全球购物
英国评分最高的女性剃须刀订阅盒:FFS Beauty
2018/01/25 全球购物
Halston Heritage官网:简洁的日装,稍显奢华的晚装
2018/11/20 全球购物
个人求职信范文分享
2014/01/06 职场文书
商业活动邀请函
2014/02/04 职场文书
项目工作说明书
2014/07/29 职场文书
大学生推广普通话演讲稿
2014/09/21 职场文书
个人授权委托书范本格式
2014/10/12 职场文书
2015商场元旦促销活动策划方案
2014/12/09 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
大学生村官入党自传
2015/06/26 职场文书
浅谈由position属性引申的css进阶讨论
2021/05/25 HTML / CSS
Vue的列表之渲染,排序,过滤详解
2022/02/24 Vue.js