颜色过渡 JavaScript

【问题标题】：Colour transition JavaScript颜色过渡 JavaScript
【发布时间】：2011-03-27 01:25:30
【问题描述】：

我注意到一个网站的背景颜色过渡效果似乎非常好。当一个链接被按下时，背景会改变颜色，但它似乎不是即时的。似乎发生了转变……

http://fuelbrandinc.com/#/about

我想知道是否有人知道如何复制此功能？

谢谢，

【问题讨论】：

哇，那个网站真漂亮！你可以看看那个网站的JS。不，像过渡这样的小事没有版权。

标签： javascript css css-transitions

【解决方案1】：

他们正在使用 jQuery JavaScript 库和 jQuery Color animations plugin。

您可以通过您最喜欢的 DOM 检查工具从源代码行 202 开始检查 compiled.js 文件来查看这一点。

【讨论】：

【解决方案2】：

当你描述效果时，我在想象一些可怕的东西，但实际上并没有那么糟糕。

您可以使用setInterval 或setTimeout 使代码以特定的时间间隔执行。示例：

var cnt = 0;
var handle = window.setInterval(function(){
  $('body').css('backgroundColor', '#'+'0123456789ABCDEF'[cnt++]+'00');
  if (cnt == 16) window.clearInterval(handle);
}, 100);

【讨论】：