2016-11-12 35 views
1

我使用flipClock.js在我的網站。我想獲得時鐘的時間在幾秒鐘內。如何獲得FlipClock的時間?

如何做到這一點?

$('.clock').FlipClock(600, { 
      clockFace: 'MinuteCounter', 
      countdown: true, 
      language: 'fa-ir', 
      callbacks: { 
       stop: function() { 
       $('#timeout-dialog').modal({ backdrop: 'static', keyboard: false }); 
       } 
      } 
     }); 

回答

1

我敢打賭,你想要得到的是time delta,不只是時間,但時間,直到/水木清華後,對你來說,時間,直到此刻FlipClock已被實例化+ 600秒。在Javascript中,它通常用毫秒錶示,僅用一個數字表示。你可以做計算這個時間差是分享兩個回調函數之間的目標時間,將變量到外部範圍:

let timeStarted = null; 
const targetTimeDelta = 5000; 
const clock = $('#clock').FlipClock(targetTimeDelta/1000, { 
    clockFace: 'MinuteCounter', 
    countdown: true, 
    callbacks: { 
    start:() => { 
     timeStarted = new Date(); 
    }, 
    stop:() => { 
     const timeStopped = new Date(); 
     console.log(Number(targetTimeDelta) - Number(timeStopped) + Number(timeStarted)); 
    } 
    } 
}); 

這裏,timeStarted首先是一個函數傳遞給start範圍之外聲明回電話。它使其可以從另一個範圍訪問,函數的範圍傳遞給stop回調。它也使得它可以從任何其他地方訪問,通常,globals are bad,但它僅用於演示目的。也許你已經知道如何正確地封裝這個值,所以它不會偶爾在代碼中的其他地方重新定義。

此外,請參閱codepen