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();

这是一个简单的例子。但你可以看到链接是如何工作的;在效果完成时调用函数。您每次迭代选择的颜色取决于您;在这里，我只是从黑色循环到白色并返回。

Mootools背景改变

2 个答案: