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 相关文章推荐
MooTools 1.2介绍
Sep 14 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
浅谈gulp创建完整的项目流程
Dec 20 Javascript
node 命令方式启动修改端口的方法
May 12 Javascript
详解vue添加删除元素的方法
Jun 30 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
vue微信分享的实现(在当前页面分享其他页面)
Apr 16 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
vue点击页面空白处实现保存功能
Nov 06 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
手动实现vue2.0的双向数据绑定原理详解
Feb 06 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
深入PHP FTP类的详解
2013/06/13 PHP
PHP中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
PHP实现从PostgreSQL数据库检索数据分页显示及根据条件查找数据示例
2018/06/09 PHP
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
javascript中的缓动效果实现程序
2012/12/29 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
js实现的map方法示例代码
2014/01/13 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
jQuery实现自定义事件的方法
2015/04/17 Javascript
ajax+jQuery实现级联显示地址的方法
2015/05/06 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
vue项目前端错误收集之sentry教程详解
2019/05/27 Javascript
JavaScript this在函数中的指向及实例详解
2019/10/14 Javascript
使用vue-router切换页面时实现设置过渡动画
2019/10/31 Javascript
解决vue v-for src 图片路径问题 404
2019/11/12 Javascript
Nodejs实现微信分账的示例代码
2021/01/19 NodeJs
python3库numpy数组属性的查看方法
2018/04/17 Python
python实现雨滴下落到地面效果
2018/06/21 Python
python迭代dict的key和value的方法
2018/07/06 Python
python判断自身是否正在运行的方法
2019/08/08 Python
在python tkinter界面中添加按钮的实例
2020/03/04 Python
Python 实现自动登录+点击+滑动验证功能
2020/06/10 Python
浅谈Python中的继承
2020/06/19 Python
外企财务年会演讲稿
2014/01/03 职场文书
大学毕业生推荐信
2014/07/09 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
关于保护环境的建议书
2014/08/26 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
2014年校长工作总结
2014/12/11 职场文书
保证书格式
2015/01/16 职场文书
投诉信范文
2015/07/02 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python