时间戳

首页 > 解决方案 > 使用 ID 的值开始倒计时

javascript - 使用 ID 的值开始倒计时

问题描述

我有一个圆形进度条，用户可以在其中选择倒计时的时间，选择时间后，该值保存在 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/

标签： javascripthtmljquerycountdown

解决方案

在你的情况下，如果你想让它倒计时，它看起来像。

  $('.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

推荐阅读