隐藏和更改时间间隔的元素

我正在编程的网站上有一个标题;让我们说标题说"LIKE THIS"。隐藏和更改时间间隔的元素

我希望THIS这个词在THIS和THAT之间不断变化 - 没有任何淡化效果，但是以不同的间隔。

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

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

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

// A。

来源

2012-04-11 alxvo

我会用创建递归自动执行功能'setInterval'或者'setTimout'，这取决于。 – elclanrs 2012-04-11 08:52:43

的东西，让你开始：

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-11 08:56:53 MartinHN

我很抱歉在第一个功能错字：P – m90 2012-04-11 08:58:48

:)是的，它伤害你的眼睛不是吗？ – MartinHN 2012-04-11 08:59:20

非常感谢你，这就是现场！但你能告诉我它是什么让它循环一次又一次（这正是我想要的，我只是不知道我明白了:) :) – alxvo 2012-04-11 11:18:37

您可以使用setInterval和setTimeout的javascript功能。这些将允许您以预定义的时间间隔启动jquery函数。

来源

2012-04-11 08:52:51 amelvin

隐藏和更改时间间隔的元素

回答

相关问题