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 相关文章推荐
splice slice区别
Oct 09 Javascript
jQuery)扩展jQuery系列之一 模拟alert,confirm(一)
Dec 04 Javascript
详解Bootstrap四种图片样式
Jan 04 Javascript
JavaScript代码实现图片循环滚动效果
Mar 19 Javascript
js利用正则表达式检验输入内容是否为网址
Jul 05 Javascript
Angularjs CURD 详解及实例代码
Sep 14 Javascript
功能强大的jquery.validate表单验证插件
Nov 07 Javascript
Angular2学习笔记——详解路由器模型(Router)
Dec 02 Javascript
js中小数向上取整数,向下取整数,四舍五入取整数的实现(必看篇)
Feb 13 Javascript
vue监听滚动事件实现滚动监听
Apr 11 Javascript
vue2+el-menu实现路由跳转及当前项的设置方法实例
Nov 07 Javascript
JS实现鼠标按下拖拽效果
Jul 23 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
《PHP边学边教》(04.编写简易的通讯录――视频教程1)
2006/12/13 PHP
Javascript 类与静态类的实现(续)
2010/04/02 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
2010/08/27 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
jquery实现炫酷的叠加层自动切换特效
2015/02/01 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
详解JavaScript中的blink()方法的使用
2015/06/08 Javascript
JQuery+EasyUI轻松实现步骤条效果
2016/02/22 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
bootstrap-table组合表头的实现方法
2017/09/07 Javascript
详解如何从零开始搭建Express+Vue开发环境
2018/07/17 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
2018/11/22 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
JavaScript实现字符串与HTML格式相互转换
2020/03/17 Javascript
js利用iframe实现选项卡效果
2020/08/09 Javascript
python使用wxPython打开并播放wav文件的方法
2015/04/24 Python
python交互式图形编程实例(三)
2017/11/17 Python
numpy中索引和切片详解
2017/12/15 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
2014/03/07 HTML / CSS
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
智能电子秤、手表和健康监测仪:Withings(之前为诺基亚健康)
2018/10/30 全球购物
Yahoo-PHP面试题1
2016/07/20 面试题
中软国际Java程序员笔试题
2014/07/19 面试题
电气自动化专业职业规划范文
2014/02/16 职场文书
竞聘书格式及范文
2014/03/31 职场文书
群众路线党员自我评议范文2014
2014/09/24 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
民主评议党员总结
2014/10/20 职场文书
Canvas跟随鼠标炫彩小球的实现
2021/04/11 Javascript
总结Pyinstaller打包的高级用法
2021/06/28 Python