javascript - FlipClock 时间值来自 MySQL 数据库，刷新时不重置

Question

我在我的 PHP 页面上使用 FlipClock 反向分钟计数器。截至目前，我正在对时间进行硬编码(示例中时间被硬编码为 5 分钟)。但我想从 MySQL 数据库中获取值并将其显示在屏幕上，而不是硬编码的值。另外，当我刷新页面时，计数器会重新开始。我不希望这种事发生。即使页面刷新，计数器也不应重置。我如何调整我的代码。任何帮助...

我的代码是:

PHP 代码:

<div class="your-clock"></div>

Javascript代码:

<script type="text/javascript">
var clock;

$(document).ready(function() {

  clock = $('.your-clock').FlipClock(300, {
        countdown: true,
        clockFace: 'MinuteCounter'

    });
});
</script>  

Answer 1

我会用日期时间(文件或数据库)保存起始值。然后使用 PHP 获取该值，与当前时间进行比较，并将其写入 jQuery 脚本中。

PHP 在(服务器上)javascript(在客户端上)之前执行，因此只需使用 PHP 在 javascript 中写入值即可。