inst не определен при обратном отсчете

Question

Я использую эти замечательные плагины: http://keith-wood.name/countdown.html

У меня есть 3 таймера обратного отсчета, которые загружены массивом json. Когда я хочу перезарядить их, они блокируются, и появляется эта ошибка:

TypeError: inst.options не определен jquery .countdown. js: 682: 1 jQuery 4 _generateHTML _updateCountdown _updateElems timerCallBack

Здесь мой код при первой загрузке после ajax загрузки (в состоянии успеха) (регенерация дает х секунд):

var timer = [];
$.each(json.element, function (index, value) {                  
    if($.isNumeric(json.regen[i])){ 
        var timer = json.regen[i];
        var stat = json.stat[i];
        //Creating the countdown for each element
        $("#under_"+value).html('+1 in <span id="countdown_'+json.element[i]+'"></span>');
        //initialize countdown and loop it at the end.
        $('#countdown_'+json.element[i]).countdown({until: timer, compact: true, format: 'MS', onExpiry: function() {
            getattribute(stat);
            }
        });
    };
    i++;
});

Когда я нажимаю на кнопку, чтобы обновить sh те обратные отсчеты, появляется ошибка ... Как я могу это исправить?

Вот код ручки: https://codepen.io/Logobi/pen/KKdmNby

Thx

Answer 1

Кажется, все в порядке, мне нужно проверить обратный отсчет перед его повторной инициализацией. Если обратный отсчет не закончен, я подвожу его, и если он закончился, я перезагружаю getattribute.

let oCountdown = $('#countdown_'+[i]+'_'+element[i]);
  if(oCountdown.length>0){
    oCountdown.countdown('option', "until", timer);
  }else{
    $("#under_"+elemval).html('+1 in <span id="countdown_'+[i]+'_'+element[i]+'"></span>');
    $('#countdown_'+[i]+'_'+element[i]).countdown(
      {
        until: timer,
        format: 'MS',
        compact: true,   
        onExpiry:function() {
          getattribute();
        }
      }
    );// format ii:ss
  }

Здесь решение в codepen: https://codepen.io/Zonecss/pen/jObmdBM