使用ID的值开始倒计时

Question

我有一个圆形进度条，用户可以在其中 select 倒计时的时间，选择时间后，该值将保存在一个 ID 中，但我无法从该 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");
    },
   });

你能试试吗？

这是更新后的 fiddle 倒计时。 https://codepen.io/mitkodeli/pen/KKdjQyN

使用ID的值开始倒计时

Use the value of an ID to start a countdown

html

javascript

jquery

countdown