2017-02-23 7 views
0

1つのオブジェクトがウィンドウの特定の位置に達するまで左から右に移動するJqueryアニメーションを作成しようとしています。その後、オブジェクトは元の位置に戻っていってください。起こっていることは、それに応じてコードが応答しているようであり、300に達するとオブジェクトを元に戻すために変数を200から-200に変更していますが、オブジェクト自体が遅く反応し、ウィンドウの終わりに達する。ここでは、コードです:事前にアニメーションが時間通りに応答しない

var speed = 200; 
var limite = 300; 
var posLeft; 

function animeCosa(){ 
    posLeft = parseInt($("#circulo").offset().left); 
    if(posLeft > limite){ 
     speed = -200; 
    } 
    $("#circulo").animate({left : "+="+speed}, 
    3000, 
    "linear"); 

} 

setInterval(animeCosa,1000); 

おかげ

歓声

答えて

0

申し訳ありませんが、まだコメントすることはできません。実際には答えはありませんが、アニメーションが3000ミリ秒で実行されているのに対して、それを呼び出すsetInterval関数が1000ミリ秒実行されているからでしょうか?

+0

これは完全に意味があります。ありがとうございました! –

関連する問題