Javascript 在visual composer中使用一些代码笔脚本

我想在我的wordpress网站上使用VisualComposer使用渐变动画背景代码笔脚本

var colors=新数组(
[62,35,255],
[60,255,60],
[255,35,98],
[45,175,230],
[255,0,255],
[255,128,0]);
var阶跃=0；
//颜色表索引用于：
//当前左侧颜色
//剩下的下一个颜色
//当前颜色权限
//下一个颜色对吗
var颜色指数=[0,1,2,3]；
//过渡速度
var梯度速度=0.002；
函数updateGradient（）
{
如果（$==未定义）返回；
var c0_0=颜色[颜色指数[0]；
var c0_1=颜色[颜色指数[1]；
var c1_0=颜色[颜色指数[2]；
var c1_1=颜色[颜色指数[3]；
var istep=1-步；
var r1=数学舍入（istep*c0_0[0]+步骤*c0_1[0]）；
变量g1=数学舍入（istep*c0_0[1]+步骤*c0_1[1]）；
变量b1=数学舍入（istep*c0_0[2]+步骤*c0_1[2]）；
var color1=“rgb（“+r1+”、“+g1+”、“+b1+”）；
var r2=数学舍入（istep*c1_0[0]+步骤*c1_1[0]）；
var g2=数学舍入（istep*c1_0[1]+步骤*c1_1[1]）；
变量b2=数学舍入（istep*c1_0[2]+步骤*c1_1[2]）；
var color2=“rgb（“+r2+”、“+g2+”、“+b2+”）；
$（'#gradient'）.css({
背景：“-webkit渐变（线性、左上、右上、从（“+color1+”）到（“+color2+”）））.css({
背景：“-moz线性梯度（左，“+color1+”0%，“+color2+”100%）”；
步长+=梯度速度；
如果（步骤>=1）
{
步骤%=1；
颜色索引[0]=颜色索引[1]；
颜色指数[2]=颜色指数[3]；
//选择两个新的目标颜色索引
//不要拾取与当前相同的
colorIndexes[1]=（colorIndexes[1]+数学地板（1+数学随机（）*（colors.length-1）））%colors.length；
colorIndexes[3]=（colorIndexes[3]+数学地板（1+数学随机（）*（colors.length-1）））%colors.length；
}
}
setInterval（updateGraient，10）
.gradient{
背景色：#ffffff；
填充：0px；
边际：0px；
}
#梯度
{
宽度：100%；
高度：800vh；
填充：0px；
边际：0px；
}
将
$
符号替换为
jQuery


var colors=新数组(
[62,35,255],
[60,255,60],
[255,35,98],
[45,175,230],
[255,0,255],
[255,128,0]);
var阶跃=0；
//颜色表索引用于：
//当前左侧颜色
//剩下的下一个颜色
//当前颜色权限
//下一个颜色对吗
var颜色指数=[0,1,2,3]；
//过渡速度
var梯度速度=0.002；
函数updateGradient（）
{
if（jQuery==未定义）返回；
var c0_0=颜色[颜色指数[0]；
var c0_1=颜色[颜色指数[1]；
var c1_0=颜色[颜色指数[2]；
var c1_1=颜色[颜色指数[3]；
var istep=1-步；
var r1=数学舍入（istep*c0_0[0]+步骤*c0_1[0]）；
变量g1=数学舍入（istep*c0_0[1]+步骤*c0_1[1]）；
变量b1=数学舍入（istep*c0_0[2]+步骤*c0_1[2]）；
var color1=“rgb（“+r1+”、“+g1+”、“+b1+”）；
var r2=数学舍入（istep*c1_0[0]+步骤*c1_1[0]）；
var g2=数学舍入（istep*c1_0[1]+步骤*c1_1[1]）；
变量b2=数学舍入（istep*c1_0[2]+步骤*c1_1[2]）；
var color2=“rgb（“+r2+”、“+g2+”、“+b2+”）；
jQuery（'#gradient'）.css({
背景：“-webkit渐变（线性、左上、右上、从（“+color1+”）到（“+color2+”）））.css({
背景：“-moz线性梯度（左，“+color1+”0%，“+color2+”100%）”；
步长+=梯度速度；
如果（步骤>=1）
{
步骤%=1；
颜色索引[0]=颜色索引[1]；
颜色指数[2]=颜色指数[3]；
//选择两个新的目标颜色索引
//不要拾取与当前相同的
colorIndexes[1]=（colorIndexes[1]+数学地板（1+数学随机（）*（colors.length-1）））%colors.length；
colorIndexes[3]=（colorIndexes[3]+数学地板（1+数学随机（）*（colors.length-1）））%colors.length；
}
}
setInterval（updateGraient，10）
.gradient{
背景色：#ffffff；
填充：0px；
边际：0px；
}
#梯度
{
宽度：100%；
高度：800vh；
填充：0px；
边际：0px；
}

代码对我来说很好，它可以在间隔时间内更改渐变颜色。如果（$==未定义）返回，您在哪个浏览器中遇到问题
$（文档）吗？准备好（函数（）{//在你的代码里面}
在你的脚本代码中，用
jQuery
替换
if（$==undefined）返回；
到
if（jQuery==undefined）返回；
和
$（'#梯度'）.css({
to
jQuery（'#gradient'）.css（{