我终于达到了需要帮助的程度。我在这里和其他网站上尝试了很多解决方案但是我缺乏javascript知识阻止了我的解决方案。
我有一个简单的jquery count up计时器,它在一个按钮中显示持续时间。按钮的值是从php查询和循环计算的。
<?php
$emp_id = "2";
$submit_date = date("Y-m-d");
$sql="
SELECT account_id,
submit_date,
submit_time,
begin_work_time
FROM time_logs
WHERE account_id = '$emp_id'
AND submit_date = '$submit_date'
";
$result = mysqli_query($conn, $sql);
?>
<script>
function create_timer(xtime)
{
clearInterval ( timer );
var sec = xtime;
function pad ( val ) { return val > 9 ? val : "0" + val; }
var timer = setInterval( function(){
$("#seconds").html(pad(++sec%60));
$("#minutes").html(pad(parseInt(sec/60,10)%60));
$("#hours").html(pad(parseInt(sec/3600,10)));
}, 1000);
}
<?php
while ($row = mysqli_fetch_assoc($result))
{
// Calculate time difference
$now = date("U");
$start = $row['begin_work_time'];
$xtime = $now - $start;
?>
create_timer(<?php echo $xtime;?>);
<button class="normal_button"><span id="hours"></span>:<span id="minutes"></span>:<span id="seconds"></span></button>
<?php
}
?>
</script>
正如你所看到的,这是一团糟,但我还没有成功实施我发现的任何解决方案,我希望这是关闭的。
非常感谢任何帮助。