Обратный отсчет Javascript для определенного времени и даты

Question

Я использую плагин jQuery для установки таймера обратного отсчета на моей веб-странице. В настоящее время код, который управляет тем, что дисплеи таймера является:

<script type="text/javascript"> 
    var clock = $('.clock').FlipClock(3600 * 24 * 3, { 
     clockFace: 'DailyCounter', 
     countdown: true 
    }); 
</script> 

JS для плагина можно посмотреть здесь: https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js

Пример страницы кода в использовании можно увидеть здесь: http://flipclockjs.com/faces/daily-counter

В настоящее время таймер является обратным отсчетом на 3 дня, который сбрасывается каждый раз, когда страница обновляется. Я хочу использовать пользовательское время для таймера обратного отсчета, который будет абсолютным (не будет сброшен с обновлением страницы). Я хочу, чтобы дата была 30 сентября 2013 года в 12:00 вечера PST (США Запад - часовой пояс Калифорнии).

Есть ли способ сделать это с помощью Javascript или jQuery?

Answer 1

Получить текущее время, и обратите внимание, что это будет время, установленное на пользователей компьютера часы, независимо, что установлен в положение, и установить определенную дату, а затем вычислить разницу и использовать его для плагина:

var date = new Date(Date.UTC(2013, 8, 30, 12, 0, 0)); 
var now = new Date(); 
var diff = date.getTime()/1000 - now.getTime()/1000; 

var clock = $('.clock').FlipClock(diff, { 
    clockFace: 'DailyCounter', 
    countdown: true 
}); 

Для точного времени я бы рекомендовал использовать ваш веб-сервер для вывода текущего времени.

Answer 2

Я бы сделать это таким образом:

<script type="text/javascript"> 
    var clock = $('.clock').FlipClock(new Date(2013,8,30).getTime()/1000 - new Date().getTime()/1000, { 
     clockFace: 'DailyCounter', 
     countdown: true 
    }); 
</script> 

Это отсчитывает до даты Sept, 30 2013 ... Я не пробовал еще, так что я не уверен, что он работает.

Edit: Исправлена ​​дата будет новая дата (2013,8,30) вместо нового Date (2013,9,30) в месяц отсчет начинается с 0 не 1.

Answer 3

Я asssuming first arg of .FlipClip() - это количество времени до завершения обратного отсчета. На этот раз «t» должна быть разница между текущим и целевым временем.

var t = targetTimeInMs - currentTimeInMs; 

Чтобы получить текущее время, используйте конструктор даты no-arg.

var currentTimeInMs = new Date().getTime(); 

Чтобы получить целевое время, поставьте дату с аргументами. Вот несколько примеров из MDN:

var today = new Date(); 
var birthday = new Date("December 17, 1995 03:24:00"); 
var birthday = new Date(1995,11,17); 
var birthday = new Date(1995,11,17,3,24,0); 

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date

Я не совсем уверен, что если вам нужно поставить миллисекунды в качестве первого арг к вашей функции .FlipClip(). Для этого обратитесь к документации/источнику. Затем используйте соответствующий метод объекта Date для получения требуемой единицы (секунд? Минут? Часов? И используйте date.getSeconds(), getHours() и т. Д., См. MDN.)