Javascript setInterval：最初の間隔が急である

Question

JavaScriptのsetIntervalメソッドをjQueryエフェクトとともに使用すると、初期の表示はfadeInメソッドを使用しているようには見えません。突然「テキスト」が表示されます。

fadeIn（）で始まるエフェクトの連鎖を通したその後の反復は、期待通りに実行されます。これは、 "テキスト"がfadeIn効果なしで突然表示される最初のパスです。

これはなぜ発生するのですか？ ありがとうございます - JavaScriptの初心者です。

setInterval(myFunction, 1000); 
function myFunction() { 
    $('#myId').fadeIn(1500).html("text").delay(2750).fadeOut(1500).delay(1000; 
}; 

Answer 1

フェードインの後にテキストが追加されていることに気づかずにフェージングインになる可能性があります。フェードインする前にテキストを追加してください。 事前に表示されていないことを確認してください（CSSでも必要ですが）。

$('#myId').html("text").fadeIn(1500).delay(2750).fadeOut(1500).delay(1000); 

Answer 2

あなたが空の要素に退色し、その後要素をフェードインされた後にのみtextにテキストを設定している、あなたのテキストが最初に空白と隠されていると仮定すると、これらの手順を逆：。

$('#myId').html("text").fadeIn(1500).delay(2750).fadeOut(1500).delay(1000); 

setInterval(myFunction, 1000); 
 
function myFunction() { 
 
    $('#myId').html("text").fadeIn(1500).delay(2750).fadeOut(1500).delay(1000); 
 
};

#myId { display: none; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="myId"> 
 

 
</div>