前端从服务器获取时间进行倒计时
生活随笔
收集整理的這篇文章主要介紹了
前端从服务器获取时间进行倒计时
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
let countdown=function(countdownDate,callback){//這里countdownDate傳入未來(lái)的日期,格式為"2018/12/28"let o={}let currentTime={};//從服務(wù)器讀取時(shí)間$.ajax({url:"http://localhost/server/getTime.php",//服務(wù)器時(shí)間APIsuccess:function(data){//data為服務(wù)器傳過(guò)來(lái)的時(shí)間,檢查一下格式,如果不是毫秒數(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;//處理一下時(shí)間格式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){//即使完成時(shí)停止計(jì)時(shí)器,這里將mines也返回出去是為了前臺(tái)判斷時(shí)間來(lái)停止計(jì)時(shí)顯示clearInterval(o.timer);}callback(o);//通過(guò)回調(diào)函數(shù)返回},100)}})
}
countdown("2018/12/28",function (o) {console.log(o);
})
?
總結(jié)
以上是生活随笔為你收集整理的前端从服务器获取时间进行倒计时的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 基于Three.js实现3D汽车模型
- 下一篇: 简单上手H5+CSS前端3D酷炫特效源代