Javascript 动画启动不正确

我做时钟动画，它工作得很好，但我使用setinterval调用函数。动画在开始时几乎没有延迟[在12时停止一段时间]

var timemin=0;
var timehr=0;
var timesec=0;
var a=0;
function clockRotate(){
timemin=timemin+6;
timehr=timehr+0.5;
timesec=timesec+360;
$("#cimg3").animate({rotate:timemin},2500);
$("#cimg4").animate({rotate:timesec},2500);
$("#cimg2").animate({rotate:timehr},2500);
}

setInterval(function(){
clockRotate();
a=1;
},0*2500);

我怎样才能消除这种延迟呢。谢谢

您应该使用

“线性”

。默认情况下，它是“swing”，使动画在开始和结束时变慢

您应该使用

“线性”

。默认情况下，它是“swing”，使动画在开始和结束时变慢

---

您缺少放松属性：

看看这个

---

您缺少放松属性：

看看这个

var timemin=0;
var timehr=0;
var timesec=0;
var a=0;
function clockRotate(){
    timemin=timemin+6;
    timehr=timehr+0.5;
    timesec=timesec+360;
    $("#cimg3").animate({rotate:timemin},2500,"linear");
    $("#cimg4").animate({rotate:timesec},2500,"linear");
    $("#cimg2").animate({rotate:timehr},2500,"linear");
}

setInterval(function(){
    clockRotate();
    a=1;
}, 0*2500);

$("#cimg3").animate({
  rotate: timemin
}, {
  easing: "linear"
}, 2500);