現(xiàn)在有很多網(wǎng)站都在做秒殺商品，而這其中有一個很重要的環(huán)節(jié)就是倒計時。

關(guān)于倒計時，有下面幾點需要注意：

1.應(yīng)該使用服務(wù)器時間而不是本地時間(本地時間存在時區(qū)不同、用戶自行設(shè)置等問題)。

2.要考慮網(wǎng)絡(luò)傳輸?shù)暮臅r。

3.獲取時間時可直接從AJAX的響應(yīng)頭中讀取(通過getResponseHeader('Date')來獲得)，服務(wù)器端不需要專門寫時間生成腳本。

過程分析：

1.從服務(wù)器讀到一個時間戳之后便開始計時，不考慮網(wǎng)絡(luò)傳輸?shù)暮臅r：

圖中的各項標注分別是(上面的時間線采用標準時間，與服務(wù)器和頁面的時間均無關(guān))：

start——頁面項服務(wù)器發(fā)起AJAX請求時的時間。

www_start——服務(wù)器響應(yīng)頁面的請求并返回時間戳給頁面的時間。

pc_start——頁面接受到服務(wù)器返回的時間戳并開始計時的時間。

www_end——服務(wù)器倒計時結(jié)束的時間。

pc_end——頁面倒計時結(jié)束的時間，同時也是用戶在倒計時結(jié)束那一刻點擊按鈕的時間。

end——服務(wù)器接收到用戶點擊信息的時間。

可以看出，即使在倒計時結(jié)束的那一刻(也就是秒殺開始那一刻)用戶就立即點擊鼠標，也會比實際開始搶拍的時間(www_end，即服務(wù)器倒計時結(jié)束的時間)晚一些(可以很容易的看出，這個時間差正好等于pc_start - start，也就是AJAX從開始發(fā)送到接收到響應(yīng)信息的耗時)。如果有些內(nèi)行在頁面倒計時結(jié)束前用腳本發(fā)送請求，那么其他用戶可就虧大了。所以，我們要解決掉這個時間誤差的問題。

2.為了解決時間誤差的問題，我們將把頁面倒計時的時間縮短一小截(由上面的分析可以得出，這一小截正好等于pc_start - start)，使得用戶在倒計時結(jié)束時發(fā)送給服務(wù)器的搶拍信息正好在服務(wù)器倒計時結(jié)束時被接收到：

圖中的各項標注與Pic.1中相同(時間線采用標準時間，與服務(wù)器和頁面的時間均無關(guān))，新增的兩項標注的含義如下：

old_pc_end——在未對網(wǎng)絡(luò)傳輸耗時進行處理的情況下pc_end的時間。

old_end——在未對網(wǎng)絡(luò)傳輸耗時進行處理的情況下end的時間。

由Pic.2可見，網(wǎng)絡(luò)傳輸耗時造成的時間誤差已經(jīng)完全被彌補了，彌補的方法是“將倒計時結(jié)束的時間提前pc_start - start”。但是解決了網(wǎng)絡(luò)傳輸耗時造成的誤差問題，還有用戶電腦時間和服務(wù)器時間不相同的問題，下面我們繼續(xù)討論。

3.用戶的電腦時間和服務(wù)器時間一定是有差異的，甚至差幾個時區(qū)，怎么解決這個問題呢？方法的要點如下：

A. 當頁面接收到服務(wù)器返回的時間戳www_t時，立即開始計時。

B. 當頁面接收到服務(wù)器返回的時間戳www_t時，立即計算本地時間和服務(wù)器返回的時間戳的時間差t=new Date().getTime() - www_t*1000。

C. 仍然使用new Date().getTime()來計時，而不是使用setInterval()函數(shù)(計時器很不穩(wěn)定，誤差也很大)，但時間的顯示與程序的邏輯必須基于本地時間和上一步(B中)求得的時間偏差t。

結(jié)論要點：

頁面從接收到服務(wù)器響應(yīng)的時間戳開始計時，計時的時長應(yīng)減掉AJAX從發(fā)送到接收整個過程的耗時，計時過程則使用本地時間來實現(xiàn)(本地時間+時間偏差)。

有任何疑問或建議請留言，謝謝！

javascript小技巧：同步服務(wù)器時間、同步倒計時

之前在網(wǎng)上看到有人提問，如何在頁面上同步顯示服務(wù)器的時間，其實實現(xiàn)方法有幾種，可能一般人立馬就想到可以使用Ajax每隔一秒去請求服務(wù)器，然后將服務(wù)器獲取到時間顯示在頁面上，這樣雖然能夠?qū)崿F(xiàn)，但存在一個很大的問題，那就是每隔一秒去請求服務(wù)器，這樣如果用戶多了，服務(wù)器就會崩潰(內(nèi)存占用率會很大)，所以在我看來，這種方法不可行，我這里給出一種解決方案，能夠?qū)崿F(xiàn)同步服務(wù)器時間、同步倒計時，卻不占用服務(wù)器太多資源，下面我給寫實現(xiàn)的思路

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯，堅持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的网站服务器时间秒杀,Javascript实现商品秒杀倒计时（时间与服务器时间同步）...的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。