0

プログラミングしているWebサイトに見出しがあります。見出しがと言っているとしましょう"LIKE THIS"

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

THISという単語を最初に表示して、2秒間そのままにしておきたいとします。次に、TAHT(sic)に変更したいのですが、TAHTに変更するまで200ミリ秒だけで、THISに戻るまで、3秒間そこにとどまり、プロセス全体を最初からやり直します。

私はのいくつかのlooping/cyclingプラグインに精通していますjquery (Cycle, InnerFade, etc)が、それらはすべてエフェクトを追加したいと思っているようです-そしてそれらのどれも異なる間隔の可能性を提供できないようです。

誰かから話を聞くことを願っています。事前にどうもありがとうございました。

//A。

4

2 に答える 2

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/

于 2012-04-11T08:56:53.760 に答える
0

setIntervalおよびsetTimeoutのjavascript関数を使用できます。これらにより、事前定義された時間間隔でjquery関数を開始できます。

于 2012-04-11T08:52:51.483 に答える