同步服务器端读秒
- WBOY原創
- 2016-06-07 11:35:371418瀏覽
服务器端传来时间戳，在客户端实现与服务器时间相同的时间读秒，需要引入jquery.min.js，下面直接上代码nbsp;html><br>
<br>
<br>
<meta>
<br>
<title></title>
<br>
<br>
<br>
<div></div>
<br>
<br>
<script></script><br>
<script><br />
$(function(){<br />
time('w','1483199990');<br />
}<br />
);<br />
<br />
/**<br />
* 读秒函数，此函数会阻塞在其后的函数，SO 这个函数需要放到所有函数最后（此函数最大动态显示到了一个月，会根据润平年判断这个月的天数）<br />
* @id {string} 存放时间的div的id名<br />
* @t {int} timestamp 服务器端传过来的时间戳，如果没有传则自动获取浏览器端的时间<br />
*/<br />
function time(id,t){<br />
setTimeout('time("'+id+','+t+'");',1000);<br />
<br />
var dm=date('i',t);<br />
var ds=date('s',t);<br />
var dh=date('H',t);<br />
var dd=date('d',t);<br />
var dmm=date('m',t);<br />
var dy=date('Y',t);<br />
<br />
<br />
var k= $('#'+id).html();<br />
if(k.length==0){<br />
$('#'+id).html('<span id="y">'+dy+'-<span id="mm">'+dmm+'-<span id="d">'+dd+' <span id="h">'+dh+':<span id="m">'+dm+':<span id="s">'+ds+'');<br />
}<br />
<br />
var s=$('#s').html();<br />
var m=$('#m').html();<br />
var h=$('#h').html();<br />
var d=$('#d').html();<br />
var mm=$('#mm').html();<br />
var y=$('#y').html();<br />
if(s.length==0){<br />
s=0;<br />
}<br />
<br />
if(parseInt(s)==60){<br />
s=0;<br />
rm=parseInt(m)+parseInt(1);<br />
if(rm==60){<br />
rm=0;<br />
rh=parseInt(h)+parseInt(1);<br />
if(rh==24){<br />
rh=0;<br />
rd=parseInt(d)+parseInt(1);<br />
//润平年选择<br />
var big=Array(1,3,5,7,8,10,12);<br />
var small=Array(4,6,9,11);<br />
if(IsPinYer(y)){ //2月29天<br />
if(mm==2){ //2月<br />
if(rd==30){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
ry=parseInt(y);<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
if(InArray(mm,big)){<br />
if(rd==32){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
if(rmm==13){ //跨年<br />
rmm=1;<br />
ry=parseInt(y)+parseInt(1);<br />
}else {<br />
ry = parseInt(y);<br />
}<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
if(InArray(mm,small)){<br />
if(rd==31){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
ry=parseInt(y);<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
}else{ //2月28天<br />
if(mm==2){ //2月<br />
if(rd==29){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
ry=parseInt(y);<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
if(InArray(mm,big)){<br />
if(rd==32){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
if(rmm==13){ //跨年<br />
rmm=1;<br />
ry=parseInt(y)+parseInt(1);<br />
}else {<br />
ry = parseInt(y);<br />
}<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
if(InArray(mm,small)){<br />
if(rd==31){<br />
rd=1;<br />
rmm=parseInt(mm)+parseInt(1);<br />
ry=parseInt(y);<br />
}else{<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}<br />
}<br />
}else{<br />
rd=parseInt(d);<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}else{<br />
rh=parseInt(h);<br />
rd=parseInt(d);<br />
rmm=parseInt(mm);<br />
ry=parseInt(y);<br />
}<br />
}else{<br />
var rm=parseInt(m);<br />
var rh=parseInt(h);<br />
var rd=parseInt(d);<br />
var rmm=parseInt(mm);<br />
var ry=parseInt(y);<br />
}<br />
<br />
var v=parseInt(s)+parseInt(1);<br />
$('#'+id).html('<span id="y">'+ry+'-<span id="mm">'+rmm+'-<span id="d">'+rd+' <span id="h">'+rh+':<span id="m">'+rm+':<span id="s">'+v+'');<br />
}<br />
<br />
<br />
<br />
function InArray(str,arr){ //判断str是否在arr这个数组中存在<br />
for(var i=0;i<arr.length;i++){<br />
if(arr[i]==str){<br />
return true;<br />
}<br />
}<br />
return false;<br />
}<br />
<br />
<br />
<br />
/**<br />
* 和PHP一样的时间戳格式化函数<br />
* @param {string} format 格式<br />
* @param {int} timestamp 要格式化的时间 默认为当前时间<br />
* @return {string} 格式化的时间字符串<br />
*/<br />
function date(format, timestamp){<br />
var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());<br />
var pad = function(n, c){<br />
if((n = n + "").length < c){<br />
return new Array(++c - n.length).join("0") + n;<br />
} else {<br />
return n;<br />
}<br />
};<br />
var txt_weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];<br />
var txt_ordin = {1:"st", 2:"nd", 3:"rd", 21:"st", 22:"nd", 23:"rd", 31:"st"};<br />
var txt_months = ["", "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];<br />
var f = {<br />
// Day<br />
d: function(){return pad(f.j(), 2)},<br />
D: function(){return f.l().substr(0,3)},<br />
j: function(){return jsdate.getDate()},<br />
l: function(){return txt_weekdays[f.w()]},<br />
N: function(){return f.w() + 1},<br />
S: function(){return txt_ordin[f.j()] ? txt_ordin[f.j()] : 'th'},<br />
w: function(){return jsdate.getDay()},<br />
z: function(){return (jsdate - new Date(jsdate.getFullYear() + "/1/1")) / 864e5 >> 0},<br />
<br />
// Week<br />
W: function(){<br />
var a = f.z(), b = 364 + f.L() - a;<br />
var nd2, nd = (new Date(jsdate.getFullYear() + "/1/1").getDay() || 7) - 1;<br />
if(b <= 2 && ((jsdate.getDay() || 7) - 1) <= 2 - b){<br />
return 1;<br />
} else{<br />
if(a <= 2 && nd >= 4 && a >= (6 - nd)){<br />
nd2 = new Date(jsdate.getFullYear() - 1 + "/12/31");<br />
return date("W", Math.round(nd2.getTime()/1000));<br />
} else{<br />
return (1 + (nd <= 3 ? ((a + nd) / 7) : (a - (7 - nd)) / 7) >> 0);<br />
}<br />
}<br />
},<br />
<br />
// Month<br />
F: function(){return txt_months[f.n()]},<br />
m: function(){return pad(f.n(), 2)},<br />
M: function(){return f.F().substr(0,3)},<br />
n: function(){return jsdate.getMonth() + 1},<br />
t: function(){<br />
var n;<br />
if( (n = jsdate.getMonth() + 1) == 2 ){<br />
return 28 + f.L();<br />
} else{<br />
if( n & 1 && n < 8 || !(n & 1) && n > 7 ){<br />
return 31;<br />
} else{<br />
return 30;<br />
}<br />
}<br />
},<br />
<br />
// Year<br />
L: function(){var y = f.Y();return (!(y & 3) && (y % 1e2 || !(y % 4e2))) ? 1 : 0},<br />
//o not supported yet<br />
Y: function(){return jsdate.getFullYear()},<br />
y: function(){return (jsdate.getFullYear() + "").slice(2)},<br />
<br />
// Time<br />
a: function(){return jsdate.getHours() > 11 ? "pm" : "am"},<br />
A: function(){return f.a().toUpperCase()},<br />
B: function(){<br />
// peter paul koch:<br />
var off = (jsdate.getTimezoneOffset() + 60)*60;<br />
var theSeconds = (jsdate.getHours() * 3600) + (jsdate.getMinutes() * 60) + jsdate.getSeconds() + off;<br />
var beat = Math.floor(theSeconds/86.4);<br />
if (beat > 1000) beat -= 1000;<br />
if (beat < 0) beat += 1000;<br />
if ((String(beat)).length == 1) beat = "00"+beat;<br />
if ((String(beat)).length == 2) beat = "0"+beat;<br />
return beat;<br />
},<br />
g: function(){return jsdate.getHours() % 12 || 12},<br />
G: function(){return jsdate.getHours()},<br />
h: function(){return pad(f.g(), 2)},<br />
H: function(){return pad(jsdate.getHours(), 2)},<br />
i: function(){return pad(jsdate.getMinutes(), 2)},<br />
s: function(){return pad(jsdate.getSeconds(), 2)},<br />
//u not supported yet<br />
<br />
// Timezone<br />
//e not supported yet<br />
//I not supported yet<br />
O: function(){<br />
var t = pad(Math.abs(jsdate.getTimezoneOffset()/60*100), 4);<br />
if (jsdate.getTimezoneOffset() > 0) t = "-" + t; else t = "+" + t;<br />
return t;<br />
},<br />
P: function(){var O = f.O();return (O.substr(0, 3) + ":" + O.substr(3, 2))},<br />
//T not supported yet<br />
//Z not supported yet<br />
<br />
// Full Date/Time<br />
c: function(){return f.Y() + "-" + f.m() + "-" + f.d() + "T" + f.h() + ":" + f.i() + ":" + f.s() + f.P()},<br />
//r not supported yet<br />
U: function(){return Math.round(jsdate.getTime()/1000)}<br />
};<br />
<br />
return format.replace(/[\\]?([a-zA-Z])/g, function(t, s){<br />
if( t!=s ){<br />
// escaped<br />
ret = s;<br />
} else if( f[s] ){<br />
// a date function exists<br />
ret = f[s]();<br />
} else{<br />
// nothing special<br />
ret = s;<br />
}<br />
return ret;<br />
});<br />
}<br />
<br />
<br />
<br />
function IsPinYer(yer){ //判断润平年 返回真2月29天<br />
return(0==yer%4 && (yer%100!=0 || yer%100==0));<br />
}<br />
</script><br>
AD：真正免费，域名+虚机+企业邮箱=0元