网站的实时异步时间源

时间:2012-11-25 11:02:54

标签: javascript jquery html5 time timezone

我希望根据用户的位置显示我的网站上的时间,假设浏览网站的用户是来自美国的时间应该是美国目前的时间和中国等相同的时间。

我想知道是否存在JavaScript插件,但我没有发现任何动态,我的要求包括:

  • 根据网站主题(无iframes)可以完全风格化的东西
  • 我想要的模式是(HH:MM:SS)
  • 它应该是异步的,如第二个[SS]保持滴答和时间不断更新

这可能,实现它的方法吗?

2 个答案:

答案 0 :(得分:1)

这不够吗?

HTML

<span id="time"></span>

JS

$(function() {
    var time = $("#time");

    function getTime() {
        var now = new Date(),
            hours = now.getHours(),
            minutes = now.getMinutes(),
            seconds = now.getSeconds();

        return (hours < 10 ? "0" + hours : hours) + ":" + (minutes < 10 ? "0" + minutes : minutes) + ":" + (seconds < 10 ? "0" + seconds : seconds);
    }

    setInterval(function() {
        time.text(getTime());        
    }, 1000);
});​

Example

答案 1 :(得分:0)

仅仅输出用户的本地系统时间是不够的?

如果您需要基于服务器的解决方案,请查看at the solution here。您必须首先找出用户时区,然后使用$dt->setTimezone(new DateTimeZone("Europe/Berlin"));使用与时区的偏移量来操纵服务器时间。