Question

如何使用Ajax自动更新PHP中的时间..通过点击f5或重新加载按钮刷新页面，以下命令工作..

echo date('s');

或者如果只需要在php中使用AJAX来更新时间..

Answer 1

您可以使用html5服务器发送事件，EventSource对象用于接收服务器发送的事件通知：

demo.php

 <?php
header('Content-Type: text/event-stream');
header('Cache-Control: no-cache');

$time = date('s');
echo "data: The server time is: {$time}\n\n";
flush();
?>

demo_sse.php文件

{{1}}

如果您有任何疑问请告诉我

Answer 2

所以基本上这可以使用php和AJAX完成。假设你有两个文件index.php和timer.php。通过执行以下操作，您可以获得所需的结果。

在Index.php

 <?php

echo "<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <script src='http://code.jquery.com/jquery.js'></script>
        <script>
         $(document).ready(function(){
             setInterval(_initTimer, 1000);
         });
         function _initTimer(){
             $.ajax({
                 url: 'timer.php',
                 success: function(data) {
                    console.log(data);
                     data = data.split(':');
                     $('#hrs').html(data[0]);
                     $('#mins').html(data[1]);
                     $('#secs').html(data[2]);
                 }
             });
         }
        </script>
    </head>
    <body>
        <span id='hrs'>0</span>:<span id='mins'>0</span>:<span id='secs'>0</span>
    </body>
</html>";

在timer.php中

 <?php echo date('h:i:s A');

使用Ajax

2 个答案: