jquery - 如何在 jQuery 中使用秒作为原始值创建持续时间 slider ？

Question

假设我有一个文本字段输入。

如果我输入 3600，则该值将为 60 分钟。我正在跟踪基于秒的持续时间值。

如何动态显示一个 slider ，如果不到 1 分钟则显示秒数，超过 1 分钟则显示 1 分钟 x 秒等...如果超过 1 小时则显示 1 小时 30 分钟 5秒，等等。限制为小时/分钟/秒。

这个 slider 只是一个 UI 包装器，将几秒钟作为输入的实际值。

Answer 1

我将创建一个 slider ，以在文本字段中输入值时显示增量，反之亦然，并编写“slidechange”处理程序来进行转换并显示它。

// Create a slider with unit increments (for seconds)
$( "#slider" ).slider({
    min:0,
    max:18000, // Max 5 hours for this example
    step:1
});

我不确定这是否正是您正在寻找的内容，但已尝试使代码足够简单，以便您可以修改它以满足您的需求。

您可以在此处查看完整的工作示例 jsFiddle link