2017-11-06 4 views
1

setIntervalコードを使用してオブジェクトをアニメーション化しようとしていますが、3つの問題のいずれかが発生しています。
- 何も
を起こりません - コード化されたどのような変更を行うようだが、その後(多分一度それをやって)停止し
- コード化されたdiv要素は画面window.setIntervalが機能しない

をオフに消えているようだ、誰が間違っているものを知っていますか?私はconsole.log("Text");と入力して正常に動作していました。

var everyFrame=function() 
{ 
skyRed=skyRed+1; 
skyGreen=skyGreen-0.3; 
skyBlue=skyBlue-0.7; 
orangeFishMoveDown=orangeFishMoveDown+0.025; 
orangeFishMoveRight=orangeFishMoveRight+.05; 

sky.style.backgroundColor='rgb('+skyRed+','+skyGreen+','+skyBlue+')'; 
orangeFish.style.top=orangeFishMoveDown+'px'; 
orangeFish.style.left=orangeFishMoveRight+'px'; 
}; 

window.setInterval(everyFrame, 33); 
+0

あなたの書式は問題ありません:) – iPhoenix

+0

書式設定がうまくいけば、別の何かが間違っていますか?クロムは間違いなくうまく働いていますか? – imushu

+0

この問題は、 'skyRed = skyRed + 1'などと関係している可能性があります。 これらの変数はどこで初期化されていますか? – Denno

答えて

0

は、それは次のように連結されます、ない

var skyRed = 0; 

そうでない場合は、文字列として、数としてあなたの変数を宣言します(また、私は謝るが、私はこのウェブサイト上でどのようにフォーマットするか分かりません)

var skyRed = '0'; 
 
var skyRed1 = 0; 
 
console.log('wrong:' + (skyRed + 1), 'correct: ' + (skyRed1 + 1));
:文字列は、ここを参照してください skyRed=skyRed+1;

では、追加されていません

+0

となりました。どうもありがとうございます!なぜ私はそれが文字列でなければならないと思ったのか分かりません。 – imushu

関連する問題