Анимация не правильно запускается

Question

Анимация не правильно запускается

0

Я делаю тактовую анимацию, это хорошо работает, но я использую 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);

См. "Действие здесь"

Как я могу удалить эту задержку. благодаря

Arunkumar 25 март 2014, в 09:26

Источник

Теги:

javascript

jquery

html

html5

animation

2 ответа

0

Вам не хватает ослабляющего свойства:

взять на этой скрипке

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

Lee Gary 25 март 2014, в 05:40

Ещё вопросы

neel shah · Accepted Answer · 2014-03-25T07-16-00.000Z

Вы должны использовать "linear". По умолчанию это "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);

скрипка