隱藏和更改時間間隔的元素

我正在編程的網站上有一個標題;讓我們說標題說"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

隱藏和更改時間間隔的元素

回答

相關問題