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

Question

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

Я хочу использовать Flipclock для обратного счетчика. Таймер должен начинаться с чч: мм: сс (например, 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']);

}
}

Из приведенного выше кода, я получаю значения (пример)

$ timeRemaining = 19:40:46
$ час = 19
$ минута = 40
$ second = 46

Как мне использовать значения в приведенном выше коде Flipclock, который является javascript / jquery …

0

flipclock jquery mysql php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

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

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

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

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

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

Удачи!

0