使用 ID 的值开始倒计时

Question

I have a circular progress bar where the user can select the time for a countdown, when the time is chosen the value is saved in an ID but I cannot get this countdown to start from that ID

<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>

在发布时记录该值，然后转换为ID“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