변경된 간격으로 요소 숨기기 및 표시

프로그래밍중인 웹 사이트에 헤드 라인이 있습니다. 헤드 라인이 "LIKE THIS"이라고 가정 해 봅시다.변경된 간격으로 요소 숨기기 및 표시

단어 THIS은 계속적으로 THIS과 THAT 사이에서 바뀌고 싶습니다. 그러나 페이딩 효과는 없지만 간격은 다릅니다.

이 단어가 처음에는 거기에 있고 2 초 동안 거기에 머물고 싶다고합시다. 그런 다음 THAT으로 변경 될 때까지 200 밀리 초 동안 TAHT (변경 사항)로 변경하고 3 초 동안 그대로 유지하여이 상태로 돌아갈 때까지 전체 프로세스를 다시 시작하기를 원합니다.

나는 jquery (Cycle, InnerFade, etc)에 대한 여러 looping/cycling 플러그인에 익숙하지만 모두 효과를 추가하려는 것으로 보이며 그 중 어느 것도 다른 간격의 가능성을 제공 할 수없는 것 같습니다.

누군가에게서 듣기를 바랍니다. 대단히 감사드립니다.

// A.

출처

2012-04-11 alxvo

'setInterval' 또는 아마도'setTimout', 그것은 다릅니다. – elclanrs

뭔가 당신이 시작하는 :

HTML

<span id="text">THIS</span>

자바 스크립트

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

:) 네 눈이 아파요? – MartinHN

와우, 정말 고마워요! 하지만 루프가 반복되는 이유는 무엇인지 말해 주실 수 있습니까? (이것은 정확히 내가 원했던 것입니다. 아직 이해할 수 있을지 모르겠군요 :) – alxvo

setInterval 및 setTimeout의 javascript 기능을 사용할 수 있습니다. 이것들은 미리 정의 된 시간 간격으로 jquery 함수를 설정할 수 있습니다.

출처

2012-04-11 08:52:51 amelvin

변경된 간격으로 요소 숨기기 및 표시

답변

관련 문제