topical media & game development

talk show tell print

graphic-javascript-effect-random-choice-effect.htm / htm



  
  <!-- TWO STEPS TO INSTALL RANDOM BACKGROUND:
  
     1.  Add the designated script to the HEAD of your HTML document
     2.  Place the last script into the BODY of your HTML document  -->
                    
  <!-- STEP ONE:  Add this script to the HEAD of your HTML document  -->
  
  <HEAD>
  
  <SCRIPT LANGUAGE="JavaScript">
  
  <!-- This script and many more are available free online at -->
  <!-- The JavaScript Source!! http://javascript.internet.com -->
  
  <!-- Begin
  function backcolor(form) {
  temp = ""
  for (var i = 0; i < 16; i++) {
  temp = form.color[i].value
  if (form.color[i].checked){ document.bgColor = temp }
     }
  }
  function randombackground() {
  document.bgColor = getColor()
  }
  function getColor(){
  currentdate = new Date()
  backgroundcolor = currentdate.getSeconds()
  if (backgroundcolor > 44)
  backgroundcolor = backgroundcolor - 45
  else if (backgroundcolor > 29)
  backgroundcolor = backgroundcolor - 30
  else if (backgroundcolor > 15)
  backgroundcolor = backgroundcolor - 16
  if (backgroundcolor == 0 )
  return "olive";
  else if (backgroundcolor == 1 )
  return "teal";
  else if (backgroundcolor == 2 )
  return "red";
  else if (backgroundcolor == 3 )
  return "blue";
  else if (backgroundcolor == 4 )
  return "maroon";
  else if (backgroundcolor == 5 )
  return "navy";
  else if (backgroundcolor == 6 )
  return "lime";
  else if (backgroundcolor == 7 )
  return "fuschia";
  else if (backgroundcolor == 8 )
  return "green";
  else if (backgroundcolor == 9 )
  return "purple";
  else if (backgroundcolor == 10 )
  return "gray";
  else if (backgroundcolor == 11 )
  return "yellow";
  else if (backgroundcolor == 12 )
  return "aqua";
  else if (backgroundcolor == 13 )
  return "black";
  else if (backgroundcolor == 14 )
  return "white";
  else if (backgroundcolor == 15 )
  return "silver";
  }
  // End -->
  </SCRIPT>
  
  <!-- STEP TWO:  Put this form in the BODY of the HTML document  -->
  
  <BODY>
  
  <CENTER>
  <FORM>
  <input type="button" value="Get Another Random Background" onClick="randombackground()">
  </FORM>
  </CENTER>
  
  <p><center>
  <font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
  by <a href="http://javascriptsource.com">The JavaScript Source</a></font>
  </center><p>
  
  <!-- Script Size:  2.00 KB  -->
  
  


(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.