时间戳

首页 > 解决方案 > 使用 PHP Timestamp 作为 FlipTimer 日期目标以进行倒计时

html - 使用 PHP Timestamp 作为 FlipTimer 日期目标以进行倒计时

问题描述

我正在尝试将 PHP 时间戳日期转换为 jquery 可以处理的格式，作为计数计时器的目标日期，但我找不到解决方法。这是我的代码；它仅在我手动编辑目标日期时有效，但是当我回显 PHP Timestamp 时它会拒绝。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="flipTimer/css/flipTimer.css">
<script src="jquery-3.4.1.min.js"></script>
<script src="flipTimer/js/jquery.flipTimer.js"></script>
</head>
<body>
<div class="flipTimer">
<div class="days"></div>
<div class="hours"></div>
<div class="minutes"></div>
<div class="seconds"></div>
</div>
<script>
var date1="<?php echo $time; ?>";
$(document).ready(function(){
$('.flipTimer').flipTimer({
//count up or count down
direction: 'up',
// the target date that works when i edit manually
date:
'25 July, 2020 07:30:30 ',
//The date format that causes an error
date:
'date1',
});
});
</script>
</body>
</html>

标签： htmljquerycss

解决方案

问题出在这一行：

var date1="<?php echo $time; ?>";

但是，您将定义date1为字符串，当您使用时间戳实例化日期对象时，它应该是整数。还要记住 php 时间戳将以秒为单位，而 JavaScript 需要毫秒。
尝试这个：

var date1 = <?php echo $time; ?>;
// or
var date1 = <?php echo time() * 1000; ?>;

$(document).ready(function(){
  $('.flipTimer').flipTimer({
    direction: 'up',
    date: date1,
  });
});

推荐阅读