2015-04-16 2 views
0

Ну, я не знаю, возможно ли это, но я triying для запуска анимации с использованием javascript на setTimeout без использования css или jquery, потому что мне нужно поместить его в JS-файл из другой источник и должен работать везде ... (я имею головную боль прямо сейчас) я сделал этоАнимация на setTimeOut без CSS или JQuery

setTimeout(function() { 
var cuadro = document.getElementById('cuadro'); 
if (cuadro) { cuadro.style.marginLeft = 0} 
}, 2000); 

и действительно перемещает его элемент из Левое поле: 400 до 0 на 2 секунды, но я хочу чтобы облегчить анимацию

Любая помощь будет оценена

+0

Использование 'requestAnimationFrame' бы действительно ценное для этого. Возможно, тайм-аут как резерв для IE9 и раньше. Любая конкретная причина не использовать CSS-перевод? – Shikkediel

+0

>: yup, это для вкладки в chatsystem, которая работает только с js, это просто отображает вкладку, изменяющую .style.display от none, чтобы блокировать, когда приглашение obj активно. –

+0

Маленькая деталь - оператор 'if' в ответ потребовал еще одного приращения, чтобы не пропустить последний шаг. Просто быть тщательным ... – Shikkediel

ответ

0

SOMET повесят, как это должно работать:

http://codepen.io/anon/pen/jEgjpZ

var i = 0, cuadro = document.getElementById('cuadro'); 
if (cuadro) cuadro.style.marginLeft = 0; 

animationFrames(); 

function animationFrames() { 

    if (i <= 80) { 
    cuadro.style.marginLeft = i*5 + 'px'; 
    i++; 
    setTimeout(animationFrames, 25); 
    } 
} 
+0

D: так много спасибо! –

+0

Добро пожаловать, конечно, рад помочь. – Shikkediel

Смежные вопросы