title: HTML/Javascript Rainbow Background Code Won't Work
body: <p>I have been trying to see if it's possible to create a looping background that changes from one color to the next in a list, in the order of appearance. (The colors are: Red, Orange, Yellow, Green, Blue, and Purple.) I was hoping it would work and give a "rainbow"-type look to the page. I thought mixing HTML with JavaScript would work, but it apparently seems to show nothing but the text, and not even the first background change works.</p>
  
  <p>The code is:</p>
  
  <pre><code>&lt;HTML&gt;
  &lt;HEAD&gt;
  &lt;/HEAD&gt;
  &lt;BODY&gt;
  
  &lt;script&gt;
  function Red() {
  bgcolor Red;
  ColorOrange();
  }
  
  function Orange() {
  bgcolor Orange;
  ColorYellow();
  }
  
  function Yellow() {
  bgcolor Yellow;
  ColorGreen();
  }
  
  function Green() {
  bgcolor Green;
  ColorBlue();
  }
  
  function Blue() {
  bgcolor Blue;
  ColorPurple();
  }
  
  function Purple() {
  bgcolor Purple;
  ColorRed();
  }
  
  
  
  function ColorRed()
  {
  setTimeout("Red", 1000);
  }
  
  function ColorOrange()
  {
  setTimeout("Orange", 1000);
  }
  
  function ColorYellow()
  {
  setTimeout("Yellow", 1000);
  }
  
  function ColorGreen()
  {
  setTimeout("Green", 1000);
  }
  
  function ColorBlue()
  {
  setTimeout("Blue", 1000);
  }
  
  function ColorPurple()
  {
  setTimeout("Purple", 1000);
  }
  &lt;/script&gt;
  
  There is text here, but it's sorta not related to this so I replaced it with this!
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>