로딩 페이지에 대해 10 초마다 다른 메시지 표시

Question

Mibbit 웹 채트로드 페이지의 메시지와 같이 매 10 초마다 메시지를 표시하는 로딩 페이지를 만들고 싶습니다. 페이드 아웃 한 다음 새 메시지를 표시하거나 현재 메시지를 왼쪽으로 슬라이드하고 새 메시지를 오른쪽에서 슬라이드 할 수 있습니다. 나는 생각하기에는 이것이 어렵지 않을 것이라고 확신하지만, 나는 어디서나 답을 찾을 수 없다.

Javascript 또는 jQuery를 사용하여 완벽하게 괜찮습니다. 확신 할 수있는 유일한 방법입니다.

사전에 도움을 주셔서 감사합니다.

Answer 1

10 초마다 기능을 실행하려면 setInterval을 사용하십시오. 그런 다음, 당신은 단지 .fadeIn(), .fadeOut() 또는 기타 effect 함께 놀러해야합니다

var i = 1; 
var sampleMessages = [ "First message", "Second message", "Third, now repeat" ]; 
setInterval(function() { 
    var newText = sampleMessages[i++ % sampleMessages.length]; 
    $("#message").fadeOut(500, function() { 
    $(this).text(newText).fadeIn(500); 
    }); 
}, 10 * 1000);​ // Interval is in milliseconds 

는 여기 DEMO입니다.

Answer 2

코드를 작성하지 않겠습니다. 그러나 여기에 올바른 방향을 제시하는 것이 있습니다.

setInterval()

하여 setInterval() 메소드

밀리 초, 지정된 수를 기다린 후 특정 기능을 실행하고, 일단 모든 주어진 시간 간격, 에게 기능을 실행하기 위해 계속된다.

.fadeToggle()

.fadeToggle() 메소드

는 유사한 요소의 불투명도를 부여한다. 보이는 요소에서 호출되면 요소의 표시 스타일 속성 이 불투명도가 0이되면 none으로 설정되므로 요소가 더 이상 이 페이지 레이아웃에 영향을주지 않습니다. 배열

Math.random()

랜덤() 메소드 조합을 사용하여 0

1 사이의 난수를 반환 이러한 기능의 조합을 이용

이 방법들은 당신이 찾고있는 결과를 얻을 수 있어야만하는 무작위 어구의 배열과 결합됩니다.