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 Object与Function使用
Jan 11 Javascript
jQuery中绑定事件的命名空间详解
Apr 05 Javascript
jquery 插件学习(四)
Aug 06 Javascript
JS简单的轮播的图片滚动实例
Jun 17 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
javascript计算星座属相(十二生肖属相)示例代码
Jan 09 Javascript
jQuery实现的多级下拉菜单效果代码
Aug 24 Javascript
jQuery模拟物体自由落体运动(附演示与demo源码下载)
Jan 21 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
JQuery Ajax WebService传递参数的简单实例
Nov 02 Javascript
自定义vue组件发布到npm的方法
May 09 Javascript
原生JS实现的跳一跳小游戏完整实例
Jan 27 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
php生成随机字符串可指定纯数字、纯字母或者混合的
2014/04/18 PHP
培养自己的php编码规范
2015/09/28 PHP
php语言中使用json的技巧及json的实现代码详解
2015/10/27 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
JavaScript中的函数声明和函数表达式区别浅析
2015/03/27 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
JavaScript常用标签和方法总结
2015/09/01 Javascript
第二章之Bootstrap 页面排版样式
2016/04/25 Javascript
基于Bootstrap实现下拉菜单项和表单导航条(两个菜单项,一个下拉菜单和登录表单导航条)
2016/07/22 Javascript
深入理解JavaScript中的尾调用(Tail Call)
2017/02/07 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
Vue.js中组件中的slot实例详解
2017/07/17 Javascript
webpack构建换肤功能的思路详解
2017/11/27 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
Node+OCR实现图像文字识别功能
2018/11/26 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
nodejs处理tcp连接的核心流程
2021/02/26 NodeJs
使用PDB模式调试Python程序介绍
2015/04/05 Python
Python中使用copy模块实现列表(list)拷贝
2015/04/14 Python
python学习基础之循环import及import过程
2018/04/22 Python
python将控制台输出保存至文件的方法
2019/01/07 Python
Python简单过滤字母和数字的方法小结
2019/01/09 Python
linux查找当前python解释器的位置方法
2019/02/20 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
给Django Admin添加验证码和多次登录尝试限制的实现
2020/07/26 Python
Python 保存加载mat格式文件的示例代码
2020/08/04 Python
法国一家芭蕾舞鞋公司:Repetto
2018/11/12 全球购物
死亡诗社观后感
2015/06/05 职场文书
2015年国庆放假通知范文
2015/08/18 职场文书
优秀乡村医生事迹材料(2016精选版)
2016/02/29 职场文书
Sql Server之数据类型详解
2022/02/28 SQL Server
一篇文章带你掌握SQLite3基本用法
2022/06/14 数据库