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 相关文章推荐
JS设置获取cookies的方法
Jan 26 Javascript
纯javascript实现的小游戏《Flappy Pig》实例
Jul 27 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
JavaScript实现图像模糊化的方法实例
Jan 15 Javascript
详解用vue-cli来搭建vue项目和webpack
Apr 20 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
jquery 动态遍历select 赋值的实例
Sep 12 jQuery
简单的React SSR服务器渲染实现
Dec 11 Javascript
详解vue 命名视图
Aug 14 Javascript
React列表栏及购物车组件使用详解
Jun 28 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 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/05/15 PHP
PHP 中提示undefined index如何解决(多种方法)
2016/03/16 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
浅谈PHP5.6 与 PHP7.0 区别
2019/10/09 PHP
prototype Element学习笔记(篇一)
2008/10/26 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
怎么选择Javascript框架(Javascript Framework)
2013/11/22 Javascript
遍历DOM对象内的元素属性示例代码
2014/02/08 Javascript
JavaScript中的prototype.bind()方法介绍
2014/04/04 Javascript
浅析Bootstrap缩略图组件与警示框组件
2016/04/29 Javascript
jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
2016/06/07 Javascript
JavaScript简单获取页面图片原始尺寸的方法
2016/06/21 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
关于axios如何全局注册浅析
2018/01/14 Javascript
ES6中let 和 const 的新特性
2018/09/03 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
如何运行Python程序的方法
2013/04/21 Python
python实现汉诺塔递归算法经典案例
2021/03/01 Python
python 简单的多线程链接实现代码
2016/08/28 Python
Python正则捕获操作示例
2017/08/19 Python
TensorFlow实现简单卷积神经网络
2018/05/24 Python
iPython pylab模式启动方式
2020/04/24 Python
Python退出时强制运行一段代码的实现方法
2020/04/29 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
英国老牌潮鞋店:Offspring
2019/08/19 全球购物
英国在线药房和在线药剂师:Chemist 4 U
2020/01/05 全球购物
三年级语文教学反思
2014/02/01 职场文书
团党委领导干部党的群众路线教育实践活动个人对照检查材料思想汇
2014/10/05 职场文书
2014年大学班级工作总结
2014/11/14 职场文书
民政工作个人总结
2015/02/28 职场文书
2015年置业顾问工作总结
2015/04/07 职场文书
2016年春季运动会通讯稿
2015/11/25 职场文书
资深HR教你写好简历中的自我评价
2019/05/07 职场文书
室外天线与收音机天线杆接合方法
2022/04/05 无线电