2014-11-20 3 views
2

Я добавил на мой сайт таймер обратного отсчета флип-чок, и я хочу, чтобы каждую минуту запускать событие, чтобы я мог внести изменения в элемент в источнике. Я попытался добавить предупреждение в код, чтобы узнать, активирован ли обратный вызов, но я уверен, что не совсем понимаю документацию метода обратного вызова. Я ссылался на flipclock.min.js и flipclock.css, и я могу получить часы для обратного отсчета, и все, что мне нужно, чтобы каждый раз иметь огонь по событию. Здесь вы можете найти документацию и скачать: Flipclock.jsМетод обратного вызова интерполяции Flipclock.js, который каждую минуту запускает событие

Это Javascript код, который я в настоящее время:

<script type="text/javascript"> 
    var clock = $('#clock').FlipClock(3600,{ 
     countdown: true, 
     callbacks: { 
      _interval: function() { 
       var time = clock.getTime().time; 
       alert(time); 
       if (time % 60 == 0) { 
        //Change element 
       } 
      } 
     } 
    }); 

</script> 

Вот HTML-код:

<div id="clock-container"style="width: 100%"> 
    <div class="col-lg-6" id="clock"></div> 
</div> 

ответ

3

Подчеркивание префиксом имя обратного вызова вашего интервала зарезервировано для глобального объекта Timer. В вашем случае использования вы должны просто использовать «интервал». Вы также захотите отключить функцию автоматического запуска, поэтому ваша тактовая переменная будет назначена до того, как будет вызван первый обратный вызов интервала (таким образом, чтобы избежать неопределенности часов).

var clock = $('#clock').FlipClock(3600,{ 
    autoStart: false, 
    countdown: true, 
    callbacks: { 
     interval: function() { 
      var time = clock.getTime().time; 
      alert(time); 
      if (time % 60 == 0) { 
       //Change element 
      } 
     } 
    } 
}); 

clock.start(); 
+0

Я тоже пробовал это, но он говорит, что clock.getTime() не определено, и я считаю, что все правильно указано. – user3788671

+0

Документы определенно вводят в заблуждение. Похоже, вы хотите, чтобы clock.getElapsed() получал количество прошедших секунд. – ventaur

+1

Я вижу проблему. Обратный вызов интервала вызывается до того, как будет установлен часовой режим. Я обновляю ответ с помощью решения, которое я только что проверил. – ventaur

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

  • Нет связанных вопросов^_^