PHP与JavaScript代码,活时钟

Question

嘿,我想创建一个活时钟,把它放在我的网站上.所以我写了一个带有JavaScript代码的简单php,就是这样:

<?php
    Function d1() {  
        $time1 = Time();  
        $date1 = date("h:i:s A",$time1);  
        echo $date1;  
    }
?>  

<script type="text/javascript">   
    window.onload = startInterval;  
    function startInterval() {  
        setInterval("startTime();",1000);  
    }
    function startTime() {  
        document.getElementById('qwe').innerHTML = '<?php d1();?>';  
    }  
</script>  

<div id="qwe">test</div>  

当运行此代码输出时"2:40:17 PM",div每秒刷新一次,但问题是时间永远不会改变.

Answer 1

使用PHP获取您想要开始时钟的初始时间:

<script>
    var now = new Date(<?php echo time() * 1000 ?>);
    function startInterval(){  
        setInterval('updateTime();', 1000);  
    }
    startInterval();//start it right away
    function updateTime(){
        var nowMS = now.getTime();
        nowMS += 1000;
        now.setTime(nowMS);
        var clock = document.getElementById('qwe');
        if(clock){
            clock.innerHTML = now.toTimeString();//adjust to suit
        }
    } 
</script>

为了格式化日期,有很多选项(MDN Date API:https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date)