带有 javascript 代码的 PHP，实时时钟

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 日期 API:https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Date)