前端从服务器获取时间进行倒计时
                                                            生活随笔
收集整理的這篇文章主要介紹了
                                前端从服务器获取时间进行倒计时
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.                        
                                
                            
                            
                            let countdown=function(countdownDate,callback){//這里countdownDate傳入未來的日期,格式為"2018/12/28"let o={}let currentTime={};//從服務(wù)器讀取時間$.ajax({url:"http://localhost/server/getTime.php",//服務(wù)器時間APIsuccess:function(data){//data為服務(wù)器傳過來的時間,檢查一下格式,如果不是毫秒數(shù),用Date.parse()轉(zhuǎn)換一下let futureTime=new Date(countdownDate).getTime();o.timer = setInterval(function () {o.mines=futureTime-data;o.day = parseInt(o.mines / 1000 / 60 / 60/24 );o.day=o.day<10?0+''+o.day:o.day;//處理一下時間格式o.hour = parseInt(o.mines / 1000 / 60 / 60)%24;o.hour=o.hour<10?0+''+o.hour:o.hour;o.minute = parseInt(o.mines/1000/60)%60;o.minute=o.minute<10?0+''+o.minute:o.minute;o.second = parseInt(o.mines/1000)%60;o.second=o.second<10?0+''+o.second:o.second;o.ms=o.mines%1000;if (o.mines<=0){//即使完成時停止計時器,這里將mines也返回出去是為了前臺判斷時間來停止計時顯示clearInterval(o.timer);}callback(o);//通過回調(diào)函數(shù)返回},100)}})
}
countdown("2018/12/28",function (o) {console.log(o);
}) 
                        
                        
                        ?
總結(jié)
以上是生活随笔為你收集整理的前端从服务器获取时间进行倒计时的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 基于Three.js实现3D汽车模型
- 下一篇: Vue ajax 同步请求
