Обратный счетчик FlipClock с PHP-MySQL

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. $ второй = 46

Как использовать значение в коде выше Flipclock, который JavaScript/JQuery ...

Answer 1

Для flipClock, вы должны изменить циферблат на «HourlyCounter», поэтому он не показывает дату.

После этого, имея переменный PHP, вы можете «эхо» их в яваскрипте кода, например, в конце страницы, вы можете поставить:

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

Вы всегда можете поместить его в функция «onload» или что-то в этом роде, но она должна работать нормально.

Вы не оставили никаких сведений о фактической странице html, где отображается счетчик, поэтому я не могу помочь вам в дальнейшем.

Удачи вам!