JS实现距离上次刷新已过多少秒示例


Posted in Javascript onMay 23, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
// JQuery代码 var oldhh; 
var oldmin; 
var oldss; 
$(document).ready(function() { 
fillDate(); 
}); 
function fillDate(){ 
var date = new Date(); 
var yy = date.getFullYear(); 
var mm = date.getMonth()+1; //截取月, 
var dd = date.getDate(); //截取日, 
var cal = yy+"."+ mm +"."+dd; 
var hh = date.getHours(); //截取小时, 
var min = date.getMinutes(); //截取分钟, 
var ss = date.getTime() % 60000; 
ss = (ss - (ss % 1000)) / 1000; //然后,将得到的毫秒数再处理成秒 
//(hh+":"+min+":"+ss); 
oldhh = hh; 
oldmin = min; 
oldss = ss; 
//alert(oldmin+":"+oldss); 
} 
window.setInterval(test,1000); 
function test(){ 
var date = new Date(); 
var hh = date.getHours(); //截取小时,即8 
var min = date.getMinutes(); //截取分钟,即34 
var ss = date.getTime() % 60000; 
ss = (ss - (ss % 1000)) / 1000; //然后,将得到的毫秒数再处理成秒 
var betweenhh; 
var betweenmin; 
var betweenss; 
if(ss<oldss){ 
betweenss = ss+60-oldss; 
betweenhh = hh-oldhh; 
betweenmin = (min+betweenhh*60)-1 - oldmin; 

//alert("距离上次刷新"+betweenmin+"分"+betweenss+"秒"); 
}else{ 
betweenss = ss-oldss; 
betweenhh = hh-oldhh; 
betweenmin = (min + betweenhh*60) - oldmin; 
//$("#message").html("距离上次刷新"+betweenmin+"分"+betweenss+"秒"); 
//alert("距离上次刷新"+betweenmin+"分"+betweenss+"秒"); 
} 
if(betweenmin<10){ 
if(betweenss<10){ 
$("#message").html("距离上次刷新0"+betweenmin+"分0"+betweenss+"秒"); 
}else{ 
$("#message").html("距离上次刷新0"+betweenmin+"分"+betweenss+"秒"); 
} 
}else{ 
if(betweenss<10){ 
$("#message").html("距离上次刷新"+betweenmin+"分0"+betweenss+"秒"); 
}else{ 
$("#message").html("距离上次刷新"+betweenmin+"分"+betweenss+"秒"); 
} 
} 
} 
}); 
function ByStateflag() 
{ 
alert("hah"); 
var value = document.getElementById("stateflag").value; 
alert(value); 
} 
</script> 
</head> 
<body> 
<div id="message"> 
</div> 
<select id="stateflag" name="stateflag" onchange="ByStateflag()"> 
<option selected value="">交易状态</option> 
<option value="0">进行中</option> 
<option value="1">终止交易</option> 
<option value="3">买家已锁货</option> 
<option value="4">买家办款</option> 
<option value="5">交易完成</option> 
</select> 
</body> 
</html>
Javascript 相关文章推荐
JQuery小知识
Oct 15 Javascript
推荐一个封装好的getElementsByClassName方法
Dec 02 Javascript
JavaScript实现的简单幂函数实例
Apr 17 Javascript
Jquery动态添加输入框的方法
May 29 Javascript
深入探秘jquery瀑布流的实现
Jan 30 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
vue使用 better-scroll的参数和方法详解
Jan 25 Javascript
尝试自己动手用react来写一个分页组件(小结)
Feb 09 Javascript
Express本地测试HTTPS的示例代码
Jun 06 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
JavaScript中concat复制数组方法浅析
Jan 20 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 #Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 #Javascript
浅谈JavaScript字符集
May 22 #Javascript
对new functionName()定义一个函数的理解
May 22 #Javascript
教你如何使用PHP输出中文JSON字符串
May 22 #Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
May 22 #Javascript
You might like
thinkPHP5.0框架引入Traits功能实例分析
2017/03/18 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
javascript里的条件判断
2007/02/27 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
date.parse在IE和FF中的区别
2010/07/29 Javascript
js获取html页面节点方法(递归方式)
2013/12/13 Javascript
改变隐藏的input中value值的方法
2014/03/19 Javascript
Lua表达式和控制结构学习笔记
2014/12/15 Javascript
javascript中scrollTop详解
2015/04/13 Javascript
JavaScript对Cookie进行读写操作实例
2015/07/25 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
javascript宿主对象之window.navigator详解
2016/09/07 Javascript
AngularJS $injector 依赖注入详解
2016/09/14 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
webpack2.0配置postcss-loader的方法
2017/08/17 Javascript
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
Layui Form 自定义验证的实例代码
2019/09/14 Javascript
layui表格设计以及数据初始化详解
2019/10/26 Javascript
原生JavaScript实现拖动校验功能
2020/09/29 Javascript
vue+iview实现文件上传
2020/11/17 Vue.js
html5以及jQuery实现本地图片上传前的预览代码实例讲解
2021/03/01 jQuery
[01:29:31]VP VS VG Supermajor小组赛胜者组第二轮 BO3第一场 6.2
2018/06/03 DOTA
python实现socket客户端和服务端简单示例
2014/02/24 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
python监测当前联网状态并连接的实例
2018/12/18 Python
Python如何爬取微信公众号文章和评论(基于 Fiddler 抓包分析)
2019/06/28 Python
Python注释、分支结构、循环结构、伪“选择结构”用法实例分析
2020/01/09 Python
python zip()函数的使用示例
2020/09/23 Python
美国鲍勃商店:Bob’s Stores
2018/07/22 全球购物
都柏林通行卡/城市通票:The Dublin Pass
2020/02/16 全球购物
捷克建筑材料网上商店:DEK.cz
2021/03/06 全球购物
怎样写演讲稿
2014/01/04 职场文书
计算机实训报告总结
2014/11/05 职场文书
幸福来敲门观后感
2015/06/04 职场文书