2013-09-17 1 views
2

Как установить время EST в обратном отсчете с использованием Javascript. Я использую следующий фрагмент кода и возможность установить часы обратного отсчета, но мне нужно определенное время, как
http://www.timeanddate.com/countdown/generic?iso=20130920T1730&p0=152/set time Count Down timer jquery

var now = new Date(); 
BigDay = new Date("September20,2013"); 
var countTo=BigDay.getTime() 

$('.timer').countdown(countTo, function(event) { 
    var $this = $(this); 
    switch(event.type) { 
     case "seconds": 
     case "minutes": 
     case "hours": 
     case "days": 
     case "weeks": 
     case "daysLeft": 
      $this.find('span.'+event.type).html(event.value); 
      break; 
     case "finished": 
      $this.hide(); 
      break; 
    } 
}); 
+0

Вы действительно должны предоставить нам бедные код обезьян с некоторым дополнительным кодом, как ваш HTML, по крайней мере, чтобы мы могли увидеть, что вы до! : ') –

ответ

5

Является ли это по линии того, что вы ищете? Во-первых, некоторые HTML:

<span id="days"></span> 
<span id="hours"></span> 
<span id="minutes"></span> 
<span id="seconds"></span> 

Затем некоторые Javascript (вместе с JQuery!):

setInterval(function(){ 
    // set whatever future date/time you want here, together with 
    // your timezone setting... 
    var future = new Date("Sep 20 2014 21:15:00 GMT+0200"); 
    var now = new Date(); 
    var difference = Math.floor((future - now)/1000); 

    var seconds = fixIntegers(difference % 60); 
    difference = Math.floor(difference/60); 

    var minutes = fixIntegers(difference % 60); 
    difference = Math.floor(difference/60); 

    var hours = fixIntegers(difference % 24); 
    difference = Math.floor(difference/24); 

    var days = difference; 

    $("#seconds").text(seconds + "s"); 
    $("#minutes").text(minutes + "m"); 
    $("#hours").text(hours + "h"); 
    $("#days").text(days + "d"); 
}, 1000); 

function fixIntegers(integer) 
{ 
    if (integer < 0) 
     integer = 0; 
    if (integer < 10) 
     return "0" + integer; 
    return "" + integer; 
} 

Я надеюсь, что это имеет смысл! Here's a fiddle, если вы хотите увидеть действующую версию в действии.

Вы также можете увидеть это Countdown Timer using jQuery

+0

Спасибо. Как я могу заставить работать на firefox, это отлично работает на хроме. – user2619093

+0

Эй, @ user2619093, извините, что я исправил инициализацию переменной 'future', и теперь она работает в Firefox ...;) –

+1

Отлично, спасибо за это! – Mike