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 实现打印网页中定义的部分内容的代码
Apr 01 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
jquery简单瀑布流实现原理及ie8下测试代码
Jan 23 Javascript
每天一篇javascript学习小结(String对象)
Nov 18 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
js事件冒泡与事件捕获详解
Feb 20 Javascript
从零开始做一个pagination分页组件
Mar 15 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
TypeScript之调用栈的实现
Dec 31 Javascript
vue element 关闭当前tab 跳转到上一路由操作
Jul 22 Javascript
使用webpack和rollup打包组件库的方法
Feb 25 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下通过POST还是GET来传值
2008/06/05 PHP
php中强制下载文件的代码(解决了IE下中文文件名乱码问题)
2011/05/09 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
PHP eval函数使用介绍
2013/12/08 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
php对文件进行hash运算的方法
2015/04/03 PHP
PHP中phar包的使用教程
2017/06/14 PHP
js下弹出窗口的变通
2007/04/18 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
JavaScript fontsize方法入门实例(按照指定的尺寸来显示字符串)
2014/10/17 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
JS添加删除DIV的简单实例
2016/07/08 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
微信小程序中子页面向父页面传值实例详解
2017/03/20 Javascript
nodejs爬虫遇到的乱码问题汇总
2017/04/07 NodeJs
js判断文件类型大小并给出提示的实现方法
2018/01/03 Javascript
详解mpvue开发微信小程序基础知识
2019/09/23 Javascript
原生js+css调节音量滑块
2020/01/15 Javascript
vue 使用 canvas 实现手写电子签名
2020/03/06 Javascript
[01:07:20]DOTA2-DPC中国联赛 正赛 Dynasty vs XG BO3 第二场 2月2日
2021/03/11 DOTA
python中requests模块的使用方法
2015/04/08 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
pycharm配置pyqt5-tools开发环境的方法步骤
2019/02/11 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
iframe在移动端的缩放的示例代码
2018/10/12 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
JoJo Maman Bébé爱尔兰官网:英国最受欢迎的精品母婴品牌
2020/12/20 全球购物
软件工程师面试题
2012/06/25 面试题
使用Vue.js和MJML创建响应式电子邮件
2021/03/23 Vue.js
材料物理专业求职信
2014/09/01 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
家长会主持词开场白
2015/05/29 职场文书