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创建命名空间(namespace)的最简实现
Dec 11 Javascript
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
用js的for循环获取radio选中的值
Oct 21 Javascript
javascript实现根据时间段显示问候语的方法
Jun 18 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
JavaScript判断对象是否为数组
Dec 22 Javascript
setTimeout函数的神奇使用
Feb 26 Javascript
js弹出窗口简单实现代码
Mar 22 Javascript
vue双向绑定简要分析
Mar 23 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
Vue的H5页面唤起支付宝支付功能
Apr 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抓取https的内容的代码
2010/04/06 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
Laravel jwt 多表(多用户端)验证隔离的实现
2019/12/18 PHP
JavaScript 拾漏补遗
2009/12/27 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
javascript instanceof,typeof的区别
2010/03/24 Javascript
javascript encodeURI和encodeURIComponent的比较
2010/04/03 Javascript
html中table数据排序的js代码
2011/08/09 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
JS自定义对象实现Java中Map对象功能的方法
2015/01/20 Javascript
浅析AngularJs HTTP响应拦截器
2015/12/28 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
2016/06/27 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
2016/11/04 Javascript
JavaScript仿支付宝6位数字密码输入框
2016/12/29 Javascript
JS组件系列之JS组件封装过程详解
2017/04/28 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
vue.js中toast用法及使用toast弹框的实例代码
2018/08/27 Javascript
vue服务端渲染缓存应用详解
2018/09/12 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
Python中的条件判断语句基础学习教程
2016/02/07 Python
python使用opencv对图像mask处理的方法
2019/07/05 Python
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2019/07/28 Python
浅谈Pytorch中的torch.gather函数的含义
2019/08/18 Python
Python3 assert断言实现原理解析
2020/03/02 Python
python tqdm库的使用
2020/11/30 Python
使用Python提取文本中含有特定字符串的方法示例
2020/12/09 Python
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
办理护照介绍信
2014/01/16 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
2014年村党支部工作总结
2014/12/04 职场文书
领导莅临指导欢迎词
2015/09/30 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
Java 通过手写分布式雪花SnowFlake生成ID方法详解
2022/04/07 Java/Android