简单工厂模式 JS实现颜色梯度与渐变效果完整实例(3)

3.代码

获得颜色rgb的代码如下：

方法中没有队color的验证之类的方法，见谅。传入的参数color格式可以是："#1ba3e1"、"#f0e"、"rgb(200,50,100)"、"rgb(20%,80%,50%)"这四种格式。返回的是rgb三个数值组成的数组。

然后进行颜色的渐变：

这里我在jQuery中定义了一个shade函数，参数：对象渐变的属性(如border-color)、起始颜色、终止颜色、变色所需时间。我规定了200ms进行一次变色(可以自行调整)，使用setTimeout函数每200ms执行一次变化。（我起初想使用while()或者递归来实现每隔一段时间执行一次变化，但js中的线程不像java中用Thread.sleep()就可以等待，所以不得不先将要运行的变色代码全部扔到setTimeout中，等待依次执行。）

代码中使用

就可以实现了。

注：运行此函数需要定义一个obj_temp的全局变量。

如果运行出现BUG自行调试。。。Thanks for watching.

RGB、HEX颜色代码：

RGB颜色查询对照表_颜色代码表_颜色的英文名称大全：

网页调色板工具：

颜色选择器工具/RGB颜色查询对照表：

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-88495-3.html