搜尋
首頁php教程php手册同步服务器端读秒

服务器端传来时间戳,在客户端实现与服务器时间相同的时间读秒,需要引入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(&#039;w&#039;,&#039;1483199990&#039;);<br /> }<br /> );<br /> <br /> /**<br /> * 读秒函数,此函数会阻塞在其后的函数,SO 这个函数需要放到所有函数最后(此函数最大动态显示到了一个月,会根据润平年判断这个月的天数)<br /> * @id {string} 存放时间的div的id名<br /> * @t {int} timestamp 服务器端传过来的时间戳,如果没有传则自动获取浏览器端的时间<br /> */<br /> function time(id,t){<br /> setTimeout(&#039;time("&#039;+id+&#039;,&#039;+t+&#039;");&#039;,1000);<br /> <br /> var dm=date(&#039;i&#039;,t);<br /> var ds=date(&#039;s&#039;,t);<br /> var dh=date(&#039;H&#039;,t);<br /> var dd=date(&#039;d&#039;,t);<br /> var dmm=date(&#039;m&#039;,t);<br /> var dy=date(&#039;Y&#039;,t);<br /> <br /> <br /> var k= $(&#039;#&#039;+id).html();<br /> if(k.length==0){<br /> $(&#039;#&#039;+id).html(&#039;<span id="y">&#039;+dy+&#039;-<span id="mm">&#039;+dmm+&#039;-<span id="d">&#039;+dd+&#039; <span id="h">&#039;+dh+&#039;:<span id="m">&#039;+dm+&#039;:<span id="s">&#039;+ds+&#039;&#039;);<br /> }<br /> <br /> var s=$(&#039;#s&#039;).html();<br /> var m=$(&#039;#m&#039;).html();<br /> var h=$(&#039;#h&#039;).html();<br /> var d=$(&#039;#d&#039;).html();<br /> var mm=$(&#039;#mm&#039;).html();<br /> var y=$(&#039;#y&#039;).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 /> $(&#039;#&#039;+id).html(&#039;<span id="y">&#039;+ry+&#039;-<span id="mm">&#039;+rmm+&#039;-<span id="d">&#039;+rd+&#039; <span id="h">&#039;+rh+&#039;:<span id="m">&#039;+rm+&#039;:<span id="s">&#039;+v+&#039;&#039;);<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()] : &#039;th&#039;},<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元

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver Mac版

Dreamweaver Mac版

視覺化網頁開發工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!