Como fazer a cor de fundo da tag div continuar mudando usando o JQuery?
Eu estou tentando alterar o plano de fundo da tag div continuamente usando os valores loop e rgb (). A seguir está meu código escrito em sample.html:
<!DOCTYPE html>
<html lang="en">
<head>
<title>sample</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script >
<script>
$(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)");
}
}
}
});
</script>
<style>
#sqr{background-color:rgb(255,0,0);
height:200px;
width:200px;
}
</style>
</head>
<body>
<div id="sqr">
</div>
</body>
</html>
então pode me dizer como devo fazer um código para que a cor de fundo do div continue mudando automaticamente quando a página é carregada? Note que eu quero mudar de cor muito suavemente.
Se você quiser ver como os efeitos que eu quero, então visite:Aqui e veja os efeitos da sua exibição.
De acordo com algumas sugestões, alterei meu código para:
$("#sqr").css("background-color","rgb("+r+","+g+","+b+")");
Agora está tomando valores de rgb corretamente, mas não carregando efeitos corretamente no navegador, me mostra a caixa de diálogo: