jquery - 以变​​化的间隔隐藏和显示元素

Question

我正在编程的网站上有一个标题；假设标题说"LIKE THIS"。

我希望这个词在 和THIS之间不断变化——没有任何褪色效果，但间隔不同。THISTHAT

假设我希望这个词在开头出现并在那里停留 2 秒。然后我希望它变成 TAHT（原文如此），但只有 200 毫秒，直到变成 THAT 并在那里停留 3 秒，直到变回 THIS，然后重新开始整个过程​​。

我熟悉几个looping/cycling插件jquery (Cycle, InnerFade, etc)，但它们似乎都想添加效果——而且它们似乎都不能提供不同间隔的可能性。

希望听到某人的消息。非常感谢您提前。

//一个。

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

You can use the javascript functions of setInterval and setTimeout. These will allow you to set off jquery functions at predefined time intervals.