PHP AJAX倒数计时器

时间:2014-01-04 17:18:06

标签: php ajax

我正在使用这个倒数计时器

http://keith-wood.name/countdown.html

但我需要它倒计时直到从MySQL数据库输入的时间开始的特定时间。时间是23:00:00格式

这是我到目前为止所拥有的。只是不知道如何将时间插入JavaScript。

<?php

include('function.php');
$data = mysql_query("SELECT * FROM lockpick WHERE date= CURDATE()");
$row = mysql_fetch_row($data);
$EndTime = $row['EndTime'];
?>

<script type="text/javascript">
    $(function() {
        var austDay = new Date();
        austDay = new Date(austDay.getFullYear() + 1, 1 - 1, 26);
        $('#defaultCountdown').countdown({until: austDay});
        $('#year').text(austDay.getFullYear());
    });
</script>

2 个答案:

答案 0 :(得分:2)

创建一个隐藏的div并在pageload上将PHP var加载到其中。称之为#countTo - 将其设置为display:none;在CSS中,所以它是不可见的。

使用以下命令访问该div的内容:

var countTo = document.getElementById("countTo").innerHTML;

然后你可以随心所欲地使用它!

答案 1 :(得分:0)

我会考虑使用ajax调用来获取价值。 如果您不想这样做,您可以获得结束时间的价值

    <script>
        var endTime = <?php 
        include('function.php');
        $data = mysql_query("SELECT * FROM lockpick WHERE date= CURDATE()");
        $row = mysql_fetch_row($data);
        echo $row['EndTime'];
        ?>;
..continue script
    </script>