Javascript 在flipclock插件中设置自定义时间

我正在努力学习Flipclock。我浏览了他们的网站，但找不到关于如何改变时间的提示

我要做的是设置要显示的时间。问题是一些智能电视的浏览器在更改时区时遇到问题，所以我想用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();

---

当我发现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;
},

---

当我发现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;
},

---

当我发现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;
},

---

当我发现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;
},

这应该允许您在不修改源代码的情况下显示时间

这应该允许您在不修改源代码的情况下显示时间

这应该允许您在不修改源代码的情况下显示时间

这将允许您在不修改源代码的情况下显示时间。

使用此100%工作

<script>        
    var date = new Date('2016-11-07 07:00:0 am');
    clock = $('.clock').FlipClock(date, {
    clockFace: 'DailyCounter',
    countdown: true,
    showSeconds: false
    });
</script>

风险值日期=新日期（'2016-11-07 07:00:0 am'）；
时钟=$（'.clock'）。FlipClock（日期{
钟面：“DailyCounter”，
倒计时：没错，
showSeconds:错误
});

您可以根据需要更改钟面值。

使用此100%工作

<script>        
    var date = new Date('2016-11-07 07:00:0 am');
    clock = $('.clock').FlipClock(date, {
    clockFace: 'DailyCounter',
    countdown: true,
    showSeconds: false
    });
</script>

风险值日期=新日期（'2016-11-07 07:00:0 am'）；
时钟=$（'.clock'）。FlipClock（日期{
钟面：“DailyCounter”，
倒计时：没错，
showSeconds:错误
});

您可以根据需要更改钟面值。

使用此100%工作

<script>        
    var date = new Date('2016-11-07 07:00:0 am');
    clock = $('.clock').FlipClock(date, {
    clockFace: 'DailyCounter',
    countdown: true,
    showSeconds: false
    });
</script>

风险值日期=新日期（'2016-11-07 07:00:0 am'）；
时钟=$（'.clock'）。FlipClock（日期{
钟面：“DailyCounter”，
倒计时：没错，
showSeconds:错误
});

您可以根据需要更改钟面值。

使用此100%工作

<script>        
    var date = new Date('2016-11-07 07:00:0 am');
    clock = $('.clock').FlipClock(date, {
    clockFace: 'DailyCounter',
    countdown: true,
    showSeconds: false
    });
</script>

风险值日期=新日期（'2016-11-07 07:00:0 am'）；
时钟=$（'.clock'）。FlipClock（日期{
钟面：“DailyCounter”，
倒计时：没错，
showSeconds:错误
});

您可以根据需要更改钟面值