PHP-MySQL反向計數器FlipClock

Question

我想將flipclock用於反向計數器。 計時器應從hh：mm：ss（例如19:40:46）開始到00:00:00。

下面是代碼

var clock;

$(document).ready(function() {

    // Grab the current date
    var currentDate = new Date();

    // Set some date in the future. In this case, it's always Jan 1
    var futureDate  = new Date(currentDate.getFullYear() + 1, 0, 1);

    // Calculate the difference in seconds between the future and current date
    var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

    // Instantiate a coutdown FlipClock
    clock = $('.dw_clock').FlipClock(diff, {
        clockFace: 'DailyCounter',
        countdown: true,
        showSeconds: true
    }); 
});

我不要約會 另外，時間值應該從MySQL獲取，並且對於不同的用戶來說，登錄時的時間值是不同的。從PHP-MySQL，我有：

function timeToPlay(&$smarty){

    $sqlStr = "select timediff('24:00:00', time(taken_on)) as timeRemaining,
            hour(timediff('24:00:00', time(taken_on))) as hour,
            minute(timediff('24:00:00', time(taken_on))) as minute,
            second(timediff('24:00:00', time(taken_on))) as second
        FROM profile_sicc_exer_score where user_id=".$_SESSION['user_id']."
        order by id desc limit 1";

    $sqlQuery = mysql_query($sqlStr) or die(mysql_error()."<hr>".$sqlStr);

    if ( mysql_num_rows($sqlQuery) ) {

        $timeToPlayNext = mysql_fetch_assoc($sqlQuery);

        $smarty->assign("timeRemaining",$timeToPlayNext['timeRemaining']);
        $smarty->assign("hour",$timeToPlayNext['hour']);
        $smarty->assign("minute",$timeToPlayNext['minute']);
        $smarty->assign("second",$timeToPlayNext['second']);

    }
}

從上面的代碼中，我得到了（示例）的值

1. $ timeRemaining = 19:40:46
2. $小時= 19
3. 每分鍾= 40
4. $ second = 46

如何使用上述Flipclock代碼中的javascript / jquery中的值...

Answer 1

對於flipClock，您必須將clockFace更改為“ HourlyCounter”，因此它不顯示日期。

之后，有了php變量，您可以將它們“回顯”到javascript代碼中，例如，在網頁末尾，您可以輸入：

<script>
clock.setTime(<?php echo $hour*3600+$minute*60+$second; ?>);
</script>

您始終可以將其放在“ onload”函數或類似的函數中，但應該可以正常工作。

您沒有留下關於計數器所顯示的實際html頁面的任何詳細信息，所以我無法幫助您進一步進行此操作。

祝好運！