Показать сообщение отдельно
  #1 (permalink)  
Старый 01.10.2018, 22:09
Аспирант
Отправить личное сообщение для Quark_ Посмотреть профиль Найти все сообщения от Quark_
 
Регистрация: 24.06.2015
Сообщений: 96

Добавление в таймер миллисекунд
Нагуглил скрипт таймера с возможностью указать время старта и окончания.
Подскажите, плиз, как добавить, например, в <span class="milliseconds"></span> анимацию миллисекунд (00-99)?


(function($){
  var date    = new Date(),
      month   = date.getMonth();
      day     = date.getDate(),
      weekDay = date.getDay(),
      hours   = {
        start: new Date(date.getFullYear(), month, day),
        end: new Date(date.getFullYear(), month, day)
      };
	  
    hours.start.setHours(8);
    hours.end.setHours(23);

  function countDown(){
    var date         = new Date(),
        countHours   = ('0' + (hours.end.getHours() - date.getHours())).substr(-2),
        countMinutes = ('0' + (59 - date.getMinutes())).substr(-2),
        countSeconds = ('0' + (59 - date.getSeconds())).substr(-2);

    if(date.getHours() < hours.start.getHours() || date.getHours() > hours.end.getHours()){
      $('.countdown').hide();
    } else if($('.countdown').not(':visible')){
      $('.countdown').show();
    }

    $('.countdown .hours').text(countHours);
    $('.countdown .minutes').text(countMinutes);
    $('.countdown .seconds').html(countSeconds);

  }

  $(function(){
    setInterval(function(){
      countDown();
    }, 1000);
  });
})(jQuery);


<div class="countdown">
<span class="hours"></span>:<span class="minutes"></span>:<span class="seconds"></span>
</div>
Ответить с цитированием