CJay: Farbübergänge function/if

Beitrag lesen

Ich bin Neuling im Bereich Javascript und ich mache gerade sozusagen lerning by doing ;D

ich benötige nun hilfe bei einem code der Farbübergänge simulieren "soll"
dies ich mir so vorgestellt habe das nach ind nach ein bereich an farbe gesenkt wird und ein anderer erhöht kukt euch das mal an vllt kann mir jem sagen was falsch ist

<html>  
<head>
<script type="text/javascript">  
var r=0, g=255, b=255;  
function farbe(){  
function gelbsenken(){  
while(g>0){  
g=g-1;  
window.setTimeout(gelbsenken(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
function rotsteiger(){  
while(r<255){  
r=r+1;  
window.setTimeout(rotsteiger(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
function blausenken(){  
while(b>0){  
b=b-1;window.setTimeout(blausenken(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
function gelbsteiger(){  
while(g<255){  
g=g+1;window.setTimeout(gelbsteiger(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
function rotsenken(){  
while(r>0){  
r=r-1;window.setTimeout(rotsenken(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
function blausteiger(){  
while(b<255){  
b=b+1;window.setTimeout(blausteiger(),100);  
document.getElementById('test').value=r+":"+g+":"+b;}}  
if(r==0 && g==255 && b==255){gelbsenken();}  
if(r==0 && g==0 && b==255){rotsteiger();}  
if(r==255 && g==0 && b==255){blausenken();}  
if(r==255 && g==0 && b==0){gelbsteiger();}  
if(r==255 && g==255 && b==0){rotsenken();}  
if(r==0 && g==255 && b==0){blausteiger();}  
window.setTimeout(farbe(),1);}  
</script>
</head>  
<body>  
<input type="text" id="test"></input>  
<input type="button" onclick="farbe();" value="Los gehts"></input>  
</body>  
</head>