Изменение фона Mootools

Question

Я хочу, чтобы mootools постоянно менял цвет фона. Я понятия не имею, как это сделать, но я придумал следующий код в качестве теста, но он не работает вообще. Как я могу связать цвета, а затем снова и снова вызывать их, чтобы у меня был этот «радужный» фон?

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

Answer 1

Вы можете использовать setInterval(); и .getRandom();

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

Answer 2

Вы должны использовать здесь. Пример:

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

Это простой пример. Но вы можете видеть, как работает цепочка; Вы вызываете функцию, когда эффект завершается. Какой цвет вы выбираете на каждой итерации, зависит от вас; здесь я просто переключаюсь от черного к белому и обратно.