Question

我在一个正在编程的网站上有一个标题;让我们说标题是"LIKE THIS"。

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

假设我想在开始时将这个词放在那里并在那里停留2秒钟。然后我希望它改为TAHT（原文如此），但只有200毫秒，直到改为THAT并在那里停留3秒，直到改回THIS，然后重新开始整个过程。

我熟悉looping/cycling的几个jquery (Cycle, InnerFade, etc)插件，但他们似乎都希望添加效果 - 而且似乎没有一个能够提供不同间隔的可能性。< / p>

希望收到某人的来信。非常感谢你提前。

//甲

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函数。

以不断变化的间隔隐藏和显示元素

2 个答案: