Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   javascript анимация (https://javascript.ru/forum/css-html/65977-javascript-animaciya.html)

Arik 18.11.2016 19:40

javascript анимация
 
(function(){
var btn=document.getElementById('karninkaimg');
var prt=document.getElementById('text');
var krt=document.getElementById('privet')
btn.onclick = function() {
     if (!$(btn).is(':animated') && !$(krt).is(':animated')&& !$(prt).is(':animated')){
   if(krt.style.display===''){
prt.style.left="1000px";
krt.style.display="none";
btn.style.left= "188%";
var startTimer=function(){
btn.style.clip="auto";
btn.style.width= "995px";
btn.style.left="80%";
};
setTimeout(startTimer,500);
}
else  {
$(prt).animate({'left':'-3'},1000);
btn.style.left= "5%"
btn.style.width= "615px";
btn.style.clip=" rect(0px 962px 454px 0px)";
var strTimer=function(){
prt.style.display="";
krt.style.display='';
};
setTimeout(strTimer,500);
}
}
};
 
})();


не могу разобраться, анимация работает, но при многократном кликании анимация начинает беспорядочно двигаться, думал добавить еще одно условие общее но все равно не дало положительных результатов

Rise 18.11.2016 20:23

Arik, это не жиквири стайл


Часовой пояс GMT +3, время: 02:55.