加快.js功能(特别是flipclock.js)

时间:2015-07-02 14:03:36

标签: javascript jquery performance flipclock

所以这就是问题,我的页面上有一个flipclock.js倒计时,但看了20-25秒后,时钟要么变慢,要么完全停止。一些谷歌搜索透露,创建者提到它在运行时使用了大量的cpu,他们无论如何要减少这个?我应该缩小/丑化我的js吗?

我有什么选择?我已经看到翻转时钟在其他网站上运行完美,但我想要滞后并不断停止。

有关额外信息,这是基于hubspot cos / cms建立的,但时钟也会滞后于本地托管网站?

感谢任何帮助!

以下是site的问题。

时钟的HTML(模块):

<body>
  <div class="your-clock"></div>

  <script>
    var clock; 
    $(document).ready(function() {
    // Grab the current date 
    var currentDate = new Date(); 
    // Set some date in the future. ***change to desired date***
    //var futureDate = new Date(2015, 10, 23, 6, 0, 0); 
    var futureDate = new Date(2015, 09, 07, 11, 0, 0); //fixed as per comments
    // Calculate the difference in seconds between the future and current date 
    var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000; 
    // Instantiate a coutdown FlipClock 
    clock = $('.your-clock').FlipClock(diff, { clockFace: 'DailyCounter', countdown: true }); 
    });
  </script>


</body>

0 个答案:

没有答案