đếm ngược Javascript cho thời gian và ngày cụ thể

Question

Tôi đang sử dụng plugin jQuery để đặt đồng hồ đếm ngược trong trang web của mình. Hiện nay các mã điều khiển những gì hiển thị timer là:

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

Các JS cho plugin có thể được xem tại đây: https://github.com/objectivehtml/FlipClock/blob/master/js/flipclock/flipclock.js

Trang ví dụ về mã trong sử dụng có thể được nhìn thấy ở đây: http://flipclockjs.com/faces/daily-counter

Hiện tại bộ đếm thời gian là bộ đếm ngược trong 3 ngày sẽ đặt lại mọi lúc trang được làm mới. Tôi muốn sử dụng một thời gian tùy chỉnh cho đồng hồ đếm ngược sẽ được tuyệt đối (wont thiết lập lại với làm mới trang). Tôi muốn ngày 30 tháng 9 năm 2013 vào lúc 12:00 pm PST (US West - Giờ Vùng California).

Có cách nào để thực hiện việc này bằng Javascript hoặc jQuery không?

Answer 1

Lấy thời gian hiện tại, và lưu ý rằng đây sẽ là thời điểm ấn định trên đồng hồ người dùng máy tính, bất cứ điều gì mà được thiết lập để, và thiết lập một ngày nào đó, sau đó tính toán sự khác biệt và sử dụng cho các plugin:

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 
}); 

Đối với thời gian chính xác, tôi sẽ liên tục sử dụng máy chủ web của bạn để xuất hiện thời gian hiện tại.

Answer 2

tôi muốn làm điều đó theo cách đó:

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

này đếm ngược đến ngày Tháng Chín, 30 2013 ... Tôi không thử nó nhưng vì vậy tôi không chắc chắn nó làm việc.

Sửa: Sửa ngày là ngày mới (2013,8,30) thay vì ngày mới (2013,9,30) là đếm tháng bắt đầu từ 0 không 1.

Answer 3

Tôi asssuming sự arg đầu tiên của .FlipClip() là khoảng thời gian cho đến khi đếm ngược hoàn tất. Lần này, "t", phải là sự khác biệt giữa giờ và thời gian mục tiêu.

var t = targetTimeInMs - currentTimeInMs; 

Để nhận thời gian hiện tại, hãy sử dụng hàm tạo ngày tháng không có ngày.

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

Để nhận thời gian mục tiêu, hãy cung cấp Ngày có đối số. Dưới đây là một vài ví dụ từ 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

Tôi không chắc chắn chính xác nếu bạn cần phải cung cấp mili giây như arg đầu tiên chức năng .FlipClip() của bạn. Tham khảo tài liệu/nguồn cho điều đó. Sau đó, sử dụng phương thức thích hợp của đối tượng Date để lấy đơn vị yêu cầu (giây? Phút? Giờ? Và sử dụng date.getSeconds(), getHours(), v.v., xem MDN.)