JQuery旋钮 - 格式为HH的定时器：mm：dd

Question

我正在尝试设置格式为HH：mm：dd。

的计时器

例如：时间将显示“22:25:05”或“00:04:22”，剩下荷鲁斯/分钟/秒。

我想让它显示时间，但无法使计时器工作并进行倒计时。

我怎样才能设置这种格式的计时器？感谢

我的代码：

var now = moment();
var startDate = "16/03/2016 00:00:00";
var endDate = "16/03/2016 23:59:59";
diffHours = moment.utc(moment(endDate,"DD/MM/YYYY HH:mm:ss").diff(moment())).format("HH");
diffMinutes = moment.utc(moment(endDate,"DD/MM/YYYY HH:mm:ss").diff(moment())).format("mm");
diff = moment.utc(moment(endDate,"DD/MM/YYYY HH:mm:ss").diff(moment())).format("HH:mm:ss");
var percentage_complete = (now - moment(startDate,"DD/MM/YYYY HH:mm:ss")) / (moment(endDate,"DD/MM/YYYY HH:mm:ss") - moment(startDate,"DD/MM/YYYY HH:mm:ss")) * 100;
var percentage_rounded = (Math.round(percentage_complete * 100) / 100); 
jQuery("input.dial").attr("value",percentage_rounded);
jQuery(".dial").knob({
	'readOnly':true,
	'draw' : function () { 
	   	jQuery(this.i).val(diff); 
  	}
});

Answer 1

根据您的评论，我已使用jQuery roundSlider插件实现了您的要求。

根据您的要求，我准备了两个演示。一天倒计时（24小时），另一倒数倒计时。请查看以下演示：

DEMO 1

DEMO 2

有关roundSlider的详细信息，请查看demos和documentation页面。

编辑：

根据当前日期，我更新了演示。此外，我已经更新了每个圆圈的高级演示，包括小时，分钟和秒。

Updated DEMO

DEMO with separate sliders