2009-12-23 2 views
1

mootools가 배경색을 지속적으로 변경하기를 바랍니다. 이 작업을 수행하는 방법을 모르지만 테스트까지 다음 코드를 작성했지만 전혀 작동하지 않습니다. 나는이 "무지개"배경을 가질 수 있도록 어떻게 색상을 연결 한 다음 몇 번이고 다시 호출 할 수 있습니까?배경 변경 Mootools

function rainbow() { 
    $(document.body).highlight("#fff"); 
    rainbow(); 
} 

답변

2

당신은 당신이 여기에 체인을 사용할 필요가 setInterval();.getRandom();

setInterval(function(){ 
    var newColor = ["#FFF","#CCC","#999"].getRandom(); 
    $(document.body).highlight(newColor); 
}, 1000); // run every 1 second 
+0

설정 순서대로 반복 할 수있는 방법이 있습니까? –

+0

ba,'.getRandom(); '을 사용하여 임의의 색상을 가져 오는 방법에 대한 예제를 제공했습니다. 현재 사용중인 색의 색인을 찾으려면이를 수정할 수 있고 다음 색인을 사용합니다 (또는 배열의 끝에있는 경우 첫 번째 색인). – Sampson

+0

고마워, 너 멋지다. –

1

사용할 수 있습니다. 예 :

var color = "#fff"; 
function rainbow() { 
    $(document.body).highlight(color).get('tween').chain(rainbow); 
    color = (color == "#fff") ? "#000" : "#fff"; 
}; 
rainbow(); 

간단한 예입니다. 하지만 체인이 어떻게 작동하는지 확인할 수 있습니다. 효과가 완료되면 함수를 호출합니다. 모든 반복을 선택할 때 어떤 색상을 사용해야할지 결정됩니다. 여기에서 나는 검은 색에서 흰색으로 그리고 뒤에서 순환한다.