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 相关文章推荐
用js实现上传图片前的预览(TX的面试题)
Aug 14 Javascript
js prototype截取字符串函数
Apr 01 Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 Javascript
jquery使用经验小结
May 20 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
Mar 16 Javascript
jQuery Validate格式验证功能实例代码(包括重名验证)
Jul 18 jQuery
js精确的加减乘除实例
Nov 14 Javascript
JavaScript JMap类定义与使用方法示例
Jan 22 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
Vue中keep-alive组件作用详解
Feb 04 Javascript
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php文件操作相关类实例
2015/06/18 PHP
php错误日志简单配置方法
2016/07/11 PHP
Apache PHP MySql安装配置图文教程
2016/08/27 PHP
jQuery maxlength文本字数限制插件
2010/04/16 Javascript
jQuery帮助之筛选查找 children([expr])
2011/01/31 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
Javascript操作cookie的函数代码
2012/10/03 Javascript
JavaScript中“+”的陷阱深刻理解
2012/12/04 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
浅析document.createDocumentFragment()与js效率
2013/07/08 Javascript
Javascript字符串对象的常用方法简明版
2014/06/26 Javascript
浅谈JavaScript的事件
2015/02/27 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
js利用appendChild对标签进行排序的实现方法
2016/10/16 Javascript
获取当前月(季度/年)的最后一天(set相关操作及应用)
2016/12/27 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
vue.js打包之后可能会遇到的坑!
2018/06/03 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
基于JS开发微信网页录音功能的实例代码
2019/04/30 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
python Celery定时任务的示例
2018/03/13 Python
Python requests发送post请求的一些疑点
2018/05/20 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
python中hasattr()、getattr()、setattr()函数的使用
2019/08/16 Python
英国健康和美容技术产品购物网站:CurrentBody
2019/07/17 全球购物
电影T恤、80年代T恤和80年代服装:TV Store Online
2020/01/05 全球购物
军人离婚协议书样本
2014/10/21 职场文书
暂停营业通知
2015/04/25 职场文书
圣诞晚会主持词开场白
2015/05/28 职场文书
2016年中学清明节活动总结
2016/04/01 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
Oracle使用别名的好处
2022/04/19 Oracle
Python中的 No Module named ***问题及解决
2022/07/23 Python