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

<!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>

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

时间: 2024-07-31 23:41:09

JS实现距离上次刷新已过多少秒的相关文章

vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件

vue10行代码实现上拉翻页加载更多数据,纯手写js实现下拉刷新上拉翻页不引用任何第三方插件/库 一提到移动端的下拉刷新上拉翻页,你可能就会想到iScroll插件,没错iScroll是一个高性能,资源占用少,无依赖,多平台的javascript滚动插件.iScroll不仅仅是 滚动.它可以处理任何需要与用户进行移动交互的元素.在你的项目中包含仅仅4kb大小的iScroll,你的项目便拥有了滚动,缩放,平移,无限滚动,视差滚动,旋转功能.iScroll的强大毋庸置疑,本人也非常欢迎大家使用iScr

vue慕课网音乐项目手记:52-搜索列表scroll的实现以及scroll底部距离的刷新

首先引入scroll组件,然后使用: <scroll class="shortcut" :data="shortcut" ref="shortcut"> 这里的data是computed计算的来的,因为scroll里面有两组数据: shortcut () { return this.hotKey.concat(this.searchHistory) // 当hotKey和History有一个发生变化的时候.computed就会重新计算

总结JS实现页面的刷新和跳转

使用iframe.弹出子页面刷新父页面iframeparent.location.reload(); 弹出子页面window.opener.location.reload();--这个方法是我尝试过的,可以成功实现我想要的功能,其他的没有尝试,不能保证绝对的正确. 子窗口刷新父窗口 self.window.opener.locaction.reload(); 刷新一open()方法打开的窗口 window.opener.location.href = window.opener.location

Oracle案例02——ORA-12034: &quot;SCOTT&quot;.&quot;USER_TABLE&quot; 上的实体化视图日志比上次刷新后的内容新

最近同事在交接工作时,发现有几个schedule job没有执行成功,我这边给看了下,其中一个是由于数据库迁移,调用dblink的host主机IP在tnsnames中没有变更导致,还有一个是无法视图的报错,即报错信息如下: 一.错误日志 通过查看schedual job报错日志,具体报错信息如下 ORA-12034:"SCOTT"."USER_TABLE" 上的实体化视图日志比上次刷新后的内容新ORA-06512: 在 "SYS.DBMS_SNAPSHOT

CLR 无法从 COM 上下文 0x208f68 转换为 COM 上下文 0x2090d8,这种状态已持续 60 秒。

CLR 无法从 COM 上下文 0x208f68 转换为 COM 上下文 0x2090d8,这种状态已持续 60 秒.拥有目标上下文/单元的线程很有可能执行的是非泵式等待或者在不发送 Windows 消息的情况下处理一个运行时间非常长的操作.这种情况通常会影响到性能,甚至可能导致应用程序不响应或者使用的内存随时间不断累积.要避免此问题,所有单线程单元(STA)线程都应使用泵式等待基元(如 CoWaitForMultipleHandles),并在运行时间很长的操作过程中定期发送消息当网速卡的时候就

JS实现下拉刷新和上拉加载

<!DOCTYPE html><html><head> <title></title> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui"> <style type="text/css"> #slideDown{margin-t

iscroll.js实现上拉刷新,下拉加载更多,应用技巧项目实战

上拉刷新,下拉加载更多...仿原生的效果----iscroll是一款做滚动效果的插件,具体介绍我就不废话,看官方文档,我只写下我项目开发的一些用到的用法: (如果不好使,调试你的css,想必是个很蛋疼的问题,给点提示 :#wrapper,以及#scroller-content要注意) html如下: <div class="viewport"> <div id="wrapper" class="wrapper"> <

JS倒计时,距离某一日期还有多少时间

JS计算从现在到某个时刻还有多少时间,显示当前日期时间距离x年x月x日还有x天x小时x分钟x秒,如果给定时间比当前时间更早,则显示为距离2012-9-30已过去1天22小时26分30秒的格式,如果给定时间比当前时间晚则显示为距离2012-10-3还有1天1小时32分20秒的格式.函数调用方式举例:count_down('2012-10-2');//只给日期count_down('2012-10-2 3:22');//给出日期和时分count_down('2012-10-2 3:22:33');给

SpringMVC结合ajaxfileupload.js实现文件无刷新上传

直接看代码吧,注释都在里面 首先是web.xml [html] view plaincopyprint? <?xml version="1.0" encoding="UTF-8"?> <web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-