2013-03-03 1 views
0

Я пытаюсь использовать следующий плагин: http://keith-wood.name/countdown.htmlJQuery отсчет анимировать только который меняется

Я пытаюсь оживить (с CSS) блок только когда изменяются цифры: каждый второй секундная блок, каждый минутный минутный блок и т. д.

Проблема в том, что плагин добавит все счетчик HTML снова в контейнер каждую секунду. Поэтому мне нужен класс .changed или что-то в этом блоке, которые в текущий момент были изменены.

Как достичь этого?

+1

Теперь мы знаем вашу проблему, но в чем вопрос? – yckart

+0

Обновлено мое сообщение ... – wintercounter

ответ

0
$("your_counter").countdown({ 
    /* your settings */ 
    onTick: tickHandler 
    } 

var tickStorage = [0,0,0,0,0]; 
function tickHandler(data){ 
    $(".countdown-amount").each(function(index){ 
     if(this.innerText !== tickStorage[index]){ 
      $(this).parent().addClass("changed") 
     } else { 
      $(this).parent().removeClass("changed") 
     } 
     tickStorage[index] = this.innerText 
    }) 
} 

Возможно, что-то в этом роде?

Смежные вопросы