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 相关文章推荐
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 Javascript
JS随机生成不重复数据的实例方法
Jul 17 Javascript
再谈javascript原型继承
Nov 10 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
iscroll碰到Select无法选择下拉刷新的解决办法
May 21 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
详解Node.js利用node-git-server快速搭建git服务器
Sep 27 Javascript
vue实现记事本功能
Jun 26 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
jQuery实现异步上传一个或多个文件
Aug 17 jQuery
详解vue-cli项目在IE浏览器打开报错解决方法
Dec 10 Vue.js
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
linux使用crontab实现PHP执行计划定时任务
2014/05/10 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
php内存缓存实现方法
2015/01/24 PHP
PHP代码实现表单数据验证类
2015/07/28 PHP
PHP+Ajax实现无刷新分页实例详解(附demo源码下载)
2016/04/07 PHP
jquery eval解析JSON中的注意点介绍
2013/08/23 Javascript
js+css实现的简单易用兼容好的分页
2013/12/30 Javascript
JavaScript中的console.trace()函数介绍
2014/12/29 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
JQuery移动页面开发之屏幕方向改变与滚屏的实现
2015/12/03 Javascript
基于AngularJS前端云组件最佳实践
2016/10/20 Javascript
JS实现复选框的全选和批量删除功能
2017/04/05 Javascript
jQuery列表检索功能实现代码
2017/07/17 jQuery
使用JS获取SessionStorage的值
2018/01/12 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
原生javascript实现类似vue的数据绑定功能示例【观察者模式】
2020/02/24 Javascript
基于JavaScript实现贪吃蛇游戏
2020/03/16 Javascript
vue2.0 watch里面的 deep和immediate用法说明
2020/10/30 Javascript
python学习笔记之列表(list)与元组(tuple)详解
2017/11/23 Python
django上传图片并生成缩略图方法示例
2017/12/11 Python
Python日期时间Time模块实例详解
2019/04/15 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
Python版中国省市经纬度
2020/02/11 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Python中bisect的用法及示例详解
2020/07/20 Python
将时尚融入珠宝:Adornmonde
2019/10/17 全球购物
MySQL面试题目集锦
2016/04/14 面试题
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢?
2016/08/18 面试题
大专计算机个人求职的自我评价
2013/10/21 职场文书
采购人员的个人自我评价
2014/01/16 职场文书
渔夫的故事教学反思
2014/02/14 职场文书
元旦寄语大全
2014/04/10 职场文书
欢送会主持词
2015/07/01 职场文书
初中语文教学研修日志
2015/11/13 职场文书
党风廉政建设心得体会(2016最新版)
2016/01/22 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书