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客户端脚本的设计和应用
Aug 21 Javascript
Code:loadScript( )加载js的功能函数
Feb 02 Javascript
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
jQuery与ExtJS之选择实例分析
Aug 19 Javascript
23个超流行的jQuery相册插件整理分享
Apr 25 Javascript
js实现使用鼠标拖拽切换图片的方法
May 04 Javascript
解析Node.js基于模块和包的代码部署方式
Feb 16 Javascript
onmouseover事件和onmouseout事件全面理解
Aug 15 Javascript
jQuery实现邮箱下拉列表自动补全功能
Sep 08 Javascript
用JavaScript实现让浏览器停止载入页面的方法
Jan 19 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
JS代码简洁方式之函数方法详解
Jul 28 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
教你如何把一篇文章按要求分段
2006/10/09 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
php object转数组示例
2014/01/15 PHP
php操作redis中的hash和zset类型数据的方法和代码例子
2014/07/05 PHP
通过Email发送PHP错误的方法
2015/07/20 PHP
php实现图片等比例缩放代码
2015/07/23 PHP
POST一个JSON格式的数据给Restful服务实例详解
2017/04/07 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
JQuery 网站换肤功能实现代码
2009/11/02 Javascript
兼容IE和FF的js脚本代码小结(比较常用)
2010/12/06 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
JavaScript中的继承方式详解
2015/02/11 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
JS中IP地址与整数相互转换的实现代码
2017/04/10 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
Vue验证码60秒倒计时功能简单实例代码
2018/06/22 Javascript
简单了解微信小程序的目录结构
2019/07/01 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
Python的math模块中的常用数学函数整理
2016/02/04 Python
同时安装Python2 &amp; Python3 cmd下版本自由选择的方法
2017/12/09 Python
Python基于OpenCV实现视频的人脸检测
2018/01/23 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
Python Pandas 如何shuffle(打乱)数据
2019/07/30 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
英国家庭珠宝商:T. H. Baker
2018/02/08 全球购物
学校师德承诺书
2014/05/23 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
热血教师观后感
2015/06/10 职场文书
2019客服个人年终工作总结范文
2019/07/08 职场文书
详解mysql三值逻辑与NULL
2021/05/19 MySQL