テキストフェードサイクルのページの読み込み後？

Question

タイトルが少し曖昧です。ごめんなさい。

サイクルを1回実行するには3つのdiv（その中の一部のテキスト）が必要です。

これはページの読み込み時に発生します。これが再生された後、サイトが最終的に表示されます。

私はこのサイトを最初に訪れたときに一度だけ起こることを願うのです。ユーザーは常にページに戻るので、これはオンになります。私はこれを投稿する前に

は、私は1人の以上見ていたし、私が欲しいものそれは、より少ないですJsfiddle

function tick() { 
    var $obj = $(".major_data .commitment_box .commitment"); 
    $obj.first().fadeIn().delay(1000).fadeOut(function() { 
     $obj.first().insertAfter($obj.last()); 
     tick(); 
    }); 
} 
tick(); 

からこのJsfiddleここ

http://jsfiddle.net/hungerpain/NMSpx/1/

でJavaScriptを見つけたがためにそれは最後のdivで停止し、それは一度だけ再生されます。

私はこの別のページを作成し、最後のdivの代わりに新しいページにJavaScriptを読み込まなければならないかもしれないと感じました。この方法で、アニメーションなしでこのページに戻ることができます。そのサイクル特定の回数だけダニ（）関数にカウンタを追加するようにするに

Answer 1

私にのみ発生し、一度ときにこれを希望最初にサイト に来て、それを一回以上通して迷惑にならないようにしてください。 のように、ユーザーは常にこのページに戻ります。

この部分は受け入れられた回答の対象外でした。 ）

var i = 0; 
function tick() { 
    if (i > 3) return; 
    var $obj = $(".major_data .commitment_box .commitment"); 

    $obj.first().fadeIn().delay(1000).fadeOut(function() { 
     $obj.first().insertAfter($obj.last()); 
     i++; 
     tick(); 
    }); 
} 

if (typeof Cookies.get('animation_played') == 'undefined') { 
    tick(); 
    Cookies.set('animation_played', true); 
} 

Answer 2

：

var i = 0; 
 
function tick() { 
 
    if (i > 3) return; 
 
    var $obj = $(".major_data .commitment_box .commitment"); 
 

 
    $obj.first().fadeIn().delay(1000).fadeOut(function() { 
 
     $obj.first().insertAfter($obj.last()); 
 
     i++; 
 
     tick(); 
 
    }); 
 
} 
 
tick();