変更間隔で要素を非表示にする

Question

私はプログラミングしているウェブサイトに見出しを付けています。見出しに"LIKE THIS"と表示されているとします。

単語THISは、とTHATの間で継続的に変化しますが、フェーディング効果はありませんが、間隔は異なります。

私は、この単語が冒頭にあり、そこに2秒間滞在したいとします。私はTAHT（sic）に変更したいが、それをTHATに変えるまで200ミリ秒間しか残さずに3秒間そこにとどまり、これまでに戻ってから全プロセスをやり直す。

私はいくつかのlooping/cyclingプラグインをよく知っていますが、これらのプラグインはすべて効果を加えたいと思っていますが、どれも異なる間隔の可能性を提供できないようです。

誰かから聞きたいと思っています。事前にどうもありがとうございました。

// A。

Answer 1

あなたが始めるために何か：

HTML

<span id="text">THIS</span>​ 

はJavaScript

function changeToTaht() { 
    // Change text, and call changeToThat, in 200ms 
    $('#text').text('TAHT'); 
    setTimeout(changeToThat, 200);   
} 

function changeToThat() { 
    // Change text, and call changeToThis, in 3000ms 
    $('#text').text('THAT'); 
    setTimeout(changeToThis, 3000);  
} 

function changeToThis() { 
    // Change text, and call changeToTaht, in 3000ms 
    // This will make the loop run again, and again, and again... 
    $('#text').text('THIS'); 
    setTimeout(changeToTaht, 3000); 
} 

$(document).ready(function() { 
    // Start the loop by calling changeToTaht, in 1000ms 
    setTimeout(changeToTaht, 1000); 
}); 

jsFiddle：http://jsfiddle.net/Webye/

Answer 2

setIntervalとsetTimeoutのjavascript関数を使用できます。これにより、あらかじめ定義された時間間隔でjquery関数を設定できます。