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 相关文章推荐
jquery.ui.progressbar 中文文档
Nov 26 Javascript
javascript学习笔记(八) js内置对象
Jun 19 Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 Javascript
js获取当前日期时间及其它日期操作汇总
Mar 08 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
前端分页功能的实现以及原理(jQuery)
Jan 22 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
浅谈webpack-dev-server的配置和使用
May 17 Javascript
angular中如何绑定iframe中src的方法
Feb 01 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
vue中利用Promise封装jsonp并调取数据
Jun 18 Javascript
javascript实现移动端轮播图
Dec 09 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 download.php实现代码 跳转到下载文件(response.redirect)
2009/08/26 PHP
PHP Curl出现403错误的解决办法
2014/05/29 PHP
php实现比较两个文件夹异同的方法
2015/06/18 PHP
php实现的任意进制互转类分享
2015/07/07 PHP
PHP实现登陆并抓取微信列表中最新一组微信消息的方法
2017/07/10 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
《JavaScript函数式编程》读后感
2015/08/07 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
分析JS单线程异步io回调的特性
2017/12/01 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
2018/01/09 Javascript
vue项目webpack中Npm传递参数配置不同域名接口
2018/06/15 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
一篇超完整的Vue新手入门指导教程
2020/11/18 Vue.js
[04:07]显微镜下的DOTA2第八期——英雄复活动作
2014/06/24 DOTA
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
Python计算程序运行时间的方法
2014/12/13 Python
python3简单实现微信爬虫
2015/04/09 Python
Python实现LRU算法的2种方法
2015/06/24 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
Linux下多个Python版本安装教程
2018/08/15 Python
使用python的pandas库读取csv文件保存至mysql数据库
2018/08/20 Python
如何在python中写hive脚本
2019/11/08 Python
简单了解python字符串前面加r,u的含义
2019/12/26 Python
python文件和文件夹复制函数
2020/02/07 Python
python 实现简易的记事本
2020/11/30 Python
深入剖析webstorage[html5的本地数据处理]
2016/07/11 HTML / CSS
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
美德好少年主要事迹
2014/01/29 职场文书
公司任命书模板
2014/06/06 职场文书
怎样写离婚协议书
2014/09/10 职场文书
群众路线剖析材料范文
2014/10/09 职场文书
青涩记忆观后感
2015/06/18 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
分析ZooKeeper分布式锁的实现
2021/06/30 Java/Android