我有以下代码效果很好 - 但是我需要动画停止在该值,而不是最大值。目前它一直到最大值并且不会停止在旋钮的值上。有任何想法吗?
jQuery(document).ready(function($) {
$('.dial').val(0).trigger('change').delay(0);
var myColor = 'red';
$(".dial").knob({
'min':0,
'max':100,
'readOnly': true,
'width': 120,
'height': 120,
'fgColor': '#333',
'dynamicDraw': true,
'thickness': 0.2,
'tickColorizeValues': true,
'skin':'tron'
})
var tmr = self.setInterval(function(){myDelay()},50);
var m = 0;
function myDelay(){
m += 1;
switch(m)
{
case 40:
myColor = 'yellow';
break;
case 70:
myColor = 'green';
break;
case 100:
window.clearInterval(tmr);
break;
}
$('.dial').trigger('configure', {'fgColor':myColor});
$('.dial').val(m).trigger('change');
}
});