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 迁移目录
Dec 18 Javascript
Js 获取当前日期时间及其它操作实现代码
Mar 04 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
js实现加载页面就自动触发超链接的示例
Aug 31 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
web前端页面生成exe可执行文件的方法
Feb 08 Javascript
Postman模拟发送带token的请求方法
Mar 31 Javascript
javascript实现5秒倒计时并跳转功能
Jun 20 Javascript
vue开发移动端底部导航条功能
Apr 08 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&amp;java(三)
2006/10/09 PHP
一个用php实现的获取URL信息的类
2007/01/02 PHP
php抓取页面与代码解析 推荐
2010/07/23 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
php指定函数参数默认值示例代码
2013/12/04 PHP
PHP获取当前完整URL地址的函数
2014/12/21 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
IE不出现Flash激活框的小发现的js实现方法
2007/09/07 Javascript
通过js简单实现将一个文本内容转译成加密文本
2013/10/22 Javascript
面向对象设计模式的核心法则
2013/11/10 Javascript
node.js中使用node-schedule实现定时任务实例
2014/06/03 Javascript
JavaScript仿静态分页实现方法
2015/08/04 Javascript
jQuery设置聚焦并使光标位置在文字最后的实现方法
2016/08/02 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
JavaScript数组去重的几种方法效率测试
2016/10/23 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
react.js 父子组件数据绑定实时通讯的示例代码
2017/09/25 Javascript
vue-router 组件复用问题详解
2018/01/22 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
2019/09/26 Javascript
JavaScript实现图片轮播特效
2019/10/23 Javascript
原生JavaScript实现滑动拖动验证的示例代码
2019/12/06 Javascript
vue Cli 环境删除与重装教程 - 版本文档
2020/09/11 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
Python实现完整的事务操作示例
2017/06/20 Python
Python 监测文件是否更新的方法
2019/06/10 Python
Pytorch技巧:DataLoader的collate_fn参数使用详解
2020/01/08 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
Python openpyxl 插入折线图实例
2020/04/17 Python
Anaconda3中的Jupyter notebook添加目录插件的实现
2020/05/18 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
python实现scrapy爬虫每天定时抓取数据的示例代码
2021/01/27 Python
元旦晚会上单位领导演讲稿
2014/01/05 职场文书
综合测评自我评价
2015/03/06 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript