Javascript时钟与服务器时间PHP

本文介绍了Javascript时钟与服务器时间PHP的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我在服务器时间里苦苦挣扎。我需要在我的网站上计时（每秒计数）但不是客户端时间而是服务器。但我的脚本仅在客户时间运行：

I struggling with server time. I need timer on my website (count every second) but not client side time but server. But my script operating only with client time:

<script> setInterval(function() { var d = new Date(); $('#timer').text((d.getHours() +':' + d.getMinutes() + ':' + d.getSeconds() )); }, 1000); </script> <label id="timer"></label>

上面的脚本工作正常。 如何整合服务器时间并更新一秒？

Script above work fine. How I can integrate server time and update very one second?

推荐答案

从服务器获取日期，转换它到javascript日期，然后自己递增。

Get the date from the server, convert it to a javascript date, then increment it yourself.

<?php $today = getdate(); ?> <script> var d = new Date(Date.UTC(<?php echo $today['year'].",".$today['mon'].",".$today['mday'].",".$today['hours'].",".$today['minutes'].",".$today['seconds']; ?>)); setInterval(function() { d.setSeconds(d.getSeconds() + 1); $('#timer').text((d.getHours() +':' + d.getMinutes() + ':' + d.getSeconds() )); }, 1000); </script> <label id="timer"></label>

编辑： JSFiddle 与PHP示例相呼应。

JSFiddle with example PHP echoed in.