开发者

javascript clock with server time [duplicate]

开发者 https://www.devze.com 2023-04-13 01:38 出处:网络
This question already has answers here: Closed 10 years ago. Possible Duplicate: Making Live Clock javascript
This question already has answers here: Closed 10 years ago.

Possible Duplicate:

Making Live Clock javascript

I want to create a clock, with javascript and php. It should start from a server time (unix timestamp with php) and continue with javascript. How can 开发者_如何学编程I create it?

In this topic, he said to use Date.now();, but this function return a timestamp with milliseconds, and php doesn't return milliseconds.

Help me, please.

Thanks.


You'll have to pass the current server time into the page as it's created, and use that to initialize your javascript clock. Thankfully, JS's Date object will accept a timestamp (in milliseconds) to initalize with, so it's as simple as:

<script type="text/javascript">
    var d = new Date(<?php echo time() * 1000 ?>);
</script>

Note the * 1000 part. PHP's timestamps are in seconds, and JS's are in milliseconds.


PHP has function returning miliseconds: http://php.net/manual/en/function.microtime.php


I did this myself and posted it on github if it can be useful:

https://github.com/Lwangaman/jQuery-Clock-Plugin

It uses jquery, it's basically a jquery plugin, and it can take a server timestamp to start with. The css can also be easily modified to one's own likings.


could you not just do this? Why does the time need to come from the server?

<h4>It is now  
<script type="text/javascript">
<!--
var currentTime = new Date()
var hours = currentTime.getHours()
var minutes = currentTime.getMinutes()
if (minutes < 10){
minutes = "0" + minutes
}
document.write(hours + ":" + minutes + " ")
if(hours > 11){
document.write("PM")
} else {
document.write("AM")
}
//-->
</script>
</h4>
0

精彩评论

暂无评论...
验证码 换一张
取 消