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 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
web页面数据展示新想法(json)
Jun 08 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
jQuery 全选 全部选 反选 实现代码
Aug 17 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
微信小程序 定位到当前城市实现实例代码
Feb 23 Javascript
node.js调用Chrome浏览器打开链接地址的方法
May 17 Javascript
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
vue.js实现简单轮播图效果
Oct 10 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
在vue中使用inheritAttrs实现组件的扩展性介绍
Dec 07 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
ThinkPHP独立分组使用的注意事项
2014/11/25 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
Packer 3.0 JS压缩及混淆工具 下载
2007/05/03 Javascript
Prototype源码浅析 String部分(四)之补充
2012/01/16 Javascript
js修改table中Td的值(定义td的双击事件)
2013/01/10 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
判断及设置浏览器全屏模式
2014/04/20 Javascript
浅谈被jQuery抛弃的函数及替代函数
2015/05/03 Javascript
浅谈JavaScript中setInterval和setTimeout的使用问题
2015/08/01 Javascript
详解JavaScript函数对象
2015/11/15 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
Angular2 (RC4) 路由与导航详解
2016/09/21 Javascript
JS高级运动实例分析
2016/12/20 Javascript
JS基于正则实现数字千分位用逗号分隔的方法
2017/06/16 Javascript
Vue中render函数的使用方法
2018/01/31 Javascript
webstorm+vue初始化项目的方法
2018/10/18 Javascript
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
pycharm 使用心得(一)安装和首次使用
2014/06/05 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
Python 硬币兑换问题
2019/07/29 Python
face++与python实现人脸识别签到(考勤)功能
2019/08/28 Python
PyCharm永久激活方式(推荐)
2020/09/22 Python
python 匿名函数与三元运算学习笔记
2020/10/23 Python
python matlab库简单用法讲解
2020/12/31 Python
Booking.com英国官网:全球酒店在线预订网站
2018/04/21 全球购物
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
马智宇婚礼主持词
2014/03/22 职场文书
2014年体育工作总结
2014/11/24 职场文书
幼儿园家长心得体会
2016/01/21 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
python实战之用emoji表情生成文字
2021/05/08 Python
python tkinter Entry控件的焦点移动操作
2021/05/22 Python
mysql的数据压缩性能对比详情
2021/11/07 MySQL
Python实现日志实时监测的示例详解
2022/04/06 Python