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
Mar 07 Javascript
jQuery Form 页面表单提交的小例子
Nov 15 Javascript
一个简单的JS时间控件示例代码(JS时分秒时间控件)
Nov 22 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
浅谈JavaScript超时调用和间歇调用
Aug 30 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
Sep 03 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
Nov 13 Javascript
javascript实现左右缓动动画函数
Nov 25 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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的FTP学习(一)[转自奥索]
2006/10/09 PHP
php获取远程图片的两种 CURL方式和sockets方式获取远程图片
2011/11/07 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
php打开文件fopen函数的使用说明
2013/07/05 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
简单的无缝滚动程序-仅几行代码
2007/05/08 Javascript
javascript中的变量是传值还是传址的?
2010/04/19 Javascript
js中eval详解
2012/03/30 Javascript
利用百度地图JSAPI生成h7n9禽流感分布图实现代码
2013/04/15 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
IE7浏览器窗口大小改变事件执行多次bug及IE6/IE7/IE8下resize问题
2015/08/21 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
使用apifm-wxapi快速开发小程序过程详解
2019/08/05 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
Python功能键的读取方法
2015/05/28 Python
Python基于Floyd算法求解最短路径距离问题实例详解
2018/05/16 Python
使用Python实现企业微信的自动打卡功能
2019/04/30 Python
基于Python打造账号共享浏览器功能
2019/05/30 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
python3 线性回归验证方法
2019/07/09 Python
Python使用ffmpy将amr格式的音频转化为mp3格式的例子
2019/08/08 Python
Python imageio读取视频并进行编解码详解
2019/12/10 Python
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
德国圣伯纳德草药屋:Kräuterhaus Sanct Bernhard(有中文站)
2018/08/05 全球购物
体育专业学生自我评价范文
2014/01/17 职场文书
最经典的商业地产项目广告词
2014/03/13 职场文书
学员自我鉴定
2014/03/19 职场文书
公司活动总结范文
2014/07/01 职场文书
工伤事故赔偿协议书
2014/10/27 职场文书
2015年度个人业务工作总结
2015/04/27 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle