javascript - 在 Flipclock 插件中设置自定义时间

Question

我正在与 Flipclock 作斗争 http://flipclockjs.com/ 。我浏览了他们的网站，但找不到有关如何更改时间的提示。

我想要做的是设置我想要显示的时间。问题是某些智能电视上的浏览器在更改时区时出现问题，因此我想使用 php 从服务器获取时间，但无法设置时间。这是我的代码。我只找到了一些带有倒计时的例子，但这根本没有帮助。它只是使用本地时间，根本没有改变。提前谢谢大家。

// Here i get the unix time from the server in a hidden field
ServerTime = $('#my_time').val();

// FlipClock initialization
clock = $('.clock').FlipClock({
    autoStart: false,
    clockFace: 'TwentyFourHourClock'
});
var time = clock.getTime();
console.log(time);
clock.setTime(time + 3600);
clock.start();

Answer 1

当我发现 FlipClock 插件不知何故不能与 setTime() 一起使用时，所以我在其他地方更改了代码。这是我用于生成 FlipClockJS 插件的初始化代码。

 var clock;
 var index = '';
 $(document).ready(function() {
     clock = $('.clock').FlipClock({
         clockFace: 'TwentyFourHourClock'
     });
 });

我所做的更改位于文件 Flipclock.js 中。就在1325线附近。搜索 getMilitaryTime

原文:

getMilitaryTime: function() {
    var date = new Date();
    var obj  = this.digitize([
        date.getHours(),
        date.getMinutes(),
        date.getSeconds()
    ]);

return obj;
},

编辑:

getMilitaryTime: function() {
    var date = new Date();

    /* The folowing code looks at my server time and if it's higher or smaller it adds so many hours it is missing */
    var ServerTime = $('#my_time').val();
    var d = new Date();
    var n = d.getHours();
    var diff = ServerTime - n;
    /*****************************************************************/

    var obj  = this.digitize([
        date.getHours()+(diff),
        date.getMinutes(),
        date.getSeconds()
    ]);

return obj;
},