DevKB
Web Development Knowledge Base
HOME | TOP 20 | WRITE AN ARTICLE |
Sections :



RSS RSS Feed

You too, please publish your useful code snippets in any programming language :
write an article !


Valid HTML 4.0 Transitional

Plateforme d'envoi de gros fichiers en ligne
Dépannage site web
Blog infogérance
Hébergement e-mail

Ploton Georges - - 29/07/2008 - vue 3995 fois

Couleur de fond changeante

Fond d'écran changeant de couleur aléatoirement

testé avec IE 6

<html>
 <head>
  <title>Couleur</title>
  <script>
   var intensite_rouge = 128;
   var intensite_verte = 128;
   var intensite_bleue = 128;
   var di = 1;
   var zzz;
   function change()
    {
    clearInterval (zzz);
    www = Math.floor(Math.random() * 3);
    hhh = Math.floor(Math.random() * 2);
    di = (hhh == 0)? -1:1;
    switch (www)
     {
     case 0 : zzz = setInterval("changeRouge()",20); break;
     case 1 : zzz = setInterval("changeVert()",20); break;
     case 2 : zzz = setInterval("changeBleu()",20); break;
     }
    }
   function changeRouge()
    {
    if (Math.random()<0.01) change();
    intensite_rouge = intensite_rouge + di;
    if (intensite_rouge < 1) di = -di;
    if (intensite_rouge > 254) di = -di;
    resultante = (intensite_rouge * 256 + intensite_verte ) * 256 + intensite_bleue;
    document.body.style.backgroundColor = resultante;
    }
   function changeVert()
    {
    if (Math.random()<0.01) change();
    intensite_verte = intensite_verte + di;
    if (intensite_verte < 1) di = -di;
    if (intensite_verte > 254) di = -di;
    resultante = (intensite_rouge * 256 + intensite_verte ) * 256 + intensite_bleue;
    document.body.style.backgroundColor = resultante;
    }
   function changeBleu()
    {
    if (Math.random()<0.01) change();
    intensite_bleue = intensite_bleue + di;
    if (intensite_bleue < 1) di = -di;
    if (intensite_bleue > 254) di = -di;
    resultante = (intensite_rouge * 256 + intensite_verte ) * 256 + intensite_bleue;
    document.body.style.backgroundColor = resultante;
    }
  </script>
  <style type="text/css">
   body
    {
    overflow : auto;
    }
  </style>
 </head>
 <body onload="change()">
 </body>
</html>
 




Write a comment :
Your name :     E-mail (optional) :

AntiSpam : what animal is visible on this picture ? :

Nos partenaires : iPhone 8 Cases & Protection