使用PHP和JavaScript实现倒计时

时间:2011-12-21 20:33:39

标签: php javascript jquery

我想写一个倒计时,从服务器(php)获取时间,然后在客户端(JavaScript)倒计时。不幸的是,我只有一些JavaScript或JQuery的经验。此时脚本如下所示:

<?php 
    $endTime = mktime(00, 00, 00, 01, 01, 2012); 
    $actTime = time(); 
    $difTime = $endTime - $actTime;
    $seconds = $difTime;
?>

<script  type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    window.setInterval(function() {
        var seconds = $('div#timer').html();                    
        var updateTime = eval(seconds)- eval(1);                    
        $('div#timer').html(updateTime);
    }, 1000);
});
</script>

<div id="timer"><?php echo $seconds ?></div>

现在我想将剩余的秒数转换为天,月,分和秒。但是,我真的不知道我应该如何实现这个功能 的setInterval。谁能帮我?也许有更好的方法使用UNIX-Timestamp?

提前谢谢!

马丁

2 个答案:

答案 0 :(得分:0)

使用秒是安静的最佳方式。并且只计算秒数并从中计算其余部分。 您只需要将定义的函数扩展为每1秒执行一次。使用mod和div与math.floor计算秒数的天数和小时数,用它构建新的字符串并将其放入div中。

答案 1 :(得分:0)

您应该使用此脚本进行倒计时,这是倒计时的最佳脚本 http://keith-wood.name/countdown.html