Используйте значение идентификатора, чтобы начать обратный отсчет

Question

У меня есть круговой индикатор выполнения, где пользователь может выбрать время для обратного отсчета, когда выбрано время, значение сохраняется в идентификаторе, но я не могу запустить обратный отсчет с этого идентификатора

<script>
    $(document).ready(function() {
      $('.dial').knob({
        'min':0,
        'max':20,
        'width':250,
        'height':250,
        'displayInput':true,
        'fgColor':"#e74c3c",
        'pColor' :"FFA491",


        'release':function(v) {
            document.getElementById('v').innerHTML = v;
        },
   });
    });
  </script>

Значение записывается при выпуске, а затем преобразуется в идентификатор «v»

Я загрузил результат на эту страницу: https://juanmannnuel.neocities.org/

Answer 1

В вашем случае, если вы хотите, чтобы обратный отсчет был примерно таким.

  $('.dial').knob({
    'min':0,
    'max':20,
    'width':250,
    'height':250,
    'displayInput':true,
    'fgColor':"#e74c3c",
    'pColor' :"FFA491",


    'release':function(v) {
        document.getElementById('v').innerHTML = v;
        $('.dial').val(v).trigger("blur");
    },
   });

Не могли бы вы попробовать?

Вот обновленная скрипка с обратным отсчетом. https://codepen.io/mitkodeli/pen/KKdjQyN