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 相关文章推荐
让innerHTML的脚本也可以运行起来
Jul 01 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
javascript:void(0)的作用示例介绍
Oct 28 Javascript
js实现Select头像选择实时预览代码
Aug 17 Javascript
JQuery ztree 异步加载实例讲解
Feb 25 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
Jul 09 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
Oct 11 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
js实现二级导航功能
Mar 03 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
JS计算斐波拉切代码实例
Sep 12 Javascript
Openlayers学习之加载鹰眼控件
Sep 28 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
我的论坛源代码(十)
2006/10/09 PHP
深入理解PHP中的Session和Cookie
2013/06/21 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
PHP中call_user_func_array回调函数的用法示例
2016/11/26 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
php+iframe 实现上传文件功能示例
2020/03/04 PHP
Firefox 无法获取cssRules 的解决办法
2006/10/11 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
浅谈JS闭包中的循环绑定处理程序
2014/11/09 Javascript
javascript原型模式用法实例详解
2015/06/04 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
QQ登录背景闪动效果附效果演示源码下载
2015/09/22 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
jQuery中通过ajax调用webservice传递数组参数的问题实例详解
2016/05/20 Javascript
相册展示PhotoSwipe.js插件实现
2016/08/25 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
ionic开发中点击input时键盘自动弹出
2016/12/23 Javascript
React/Redux应用使用Async/Await的方法
2017/11/16 Javascript
Javascript实现异步编程的过程
2018/06/18 Javascript
angularJs select绑定的model取不到值的解决方法
2018/10/08 Javascript
js实现点赞按钮功能的实例代码
2020/03/06 Javascript
vue结合el-upload实现腾讯云视频上传功能
2020/07/01 Javascript
使用Python写个小监控
2016/01/27 Python
Watchshop德国:欧洲在线手表No.1
2019/06/20 全球购物
高一家长会邀请函
2014/01/12 职场文书
战友聚会策划方案
2014/06/13 职场文书
学校百日安全生产活动总结
2014/07/05 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
民事调解书范文
2015/05/20 职场文书
毕业生登记表班级意见
2015/06/05 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis
Nginx配置https的实现
2021/11/27 Servers
Appium中scroll和drag_and_drop根据元素位置滑动
2022/02/15 Python