html中背景色不断的变化,如何使用JQuery使div标签的背景颜色不断变化？

我试图使用for循环和rgb()值连续更改div标签的背景.

以下是我在sample.html中编写的代码：

sample

$(document).ready(function(){

var r=0;

var g=0;

var b=0;

for(r=0;r<255;r++)

{

for(g=0;g<255;g++)

{

for(b=0;b<255;b++)

{

$("#sqr").css("background-color","rgb(r,g,b)");

}

}

}

});

#sqr{background-color:rgb(255,0,0);

height:200px;

width:200px;

}

所以enyone告诉我应该如何制作代码,以便div的背景颜色在页面加载时自动更改？

请注意,我想非常顺利地改变颜色.

如果你想看看我想要的效果,请访问：here并查看效果显示.

根据一些建议,我已将代码更改为：

$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");

现在正确地获取rgb的值,但是在浏览器中没有正确加载效果,显示对话框：