要求:
1、要有小時分鐘秒的實時倒計時的顯示。
2、用戶端修改日期時間不會影響到倒計時的正常顯示(也就是以服務器時間為准)。 其實這和很多考試等系統時間限制功能的要求一樣。
解決思路:
1、總不能用ajax每秒都獲取服務器時間吧,所以實時倒計時一定要用javascript實現。這很簡單,網上一大把的例子。
2、現在問題是解決用戶端修改日期時間對我們的顯示的影響。解決的辦法是計算出用戶端的時間和服務器的時間差,這樣問題就完全解決了,只需要運行一次php,實時倒計時的時間就和服務器的時間同步了。理論是同步的,但實際測試會有1秒的誤差(具體原因就是和網速有關,網速越快,誤差就越小),但這決不會影響到我們上面的要求了。
代碼1: <?php //php的時間是以秒算,js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "18:30:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); $lefttime = $endtime-$nowtime;//實際剩下的時間(秒) ?>
代碼2,修改了代碼1的一些bug: <?php //php的時間是以秒算,js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "18:30:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); $lefttime = $endtime-$nowtime;//實際剩下的時間(秒) ?>
代碼3,思路不同,簡單多了:<?php //php的時間是以秒算,js的時間以毫秒算 date_default_timezone_set("Asia/Hong_Kong");//地區 //配置每天的活動時間段 $starttimestr = "09:00:00"; $endtimestr = "13:50:00"; $starttime = strtotime($starttimestr); $endtime = strtotime($endtimestr); $nowtime = time(); if ($nowtime<$starttime){ die("活動還沒開始,活動時間是:{$starttimestr}至{$endtimestr}"); } $lefttime = $endtime-$nowtime;//實際剩下的時間(秒)