User Tools

Site Tools


code:js-modifier_couleur_background_pulse

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

code:js-modifier_couleur_background_pulse [2017/07/10 14:25] (current)
supergnu créée
Line 1: Line 1:
 +Un morceau de code pour modifier la couleur de fond d'une page de façon continue (en utilisant la notation hue).
 +Avec au passage, une horloge simple en javascript.
  
 +
 +<file javascript horloge_couleur.js>
 + var valeur = 0
 + var BackgroundColor1="hsl(";
 + var BackgroundColor2=",100%,75%)";
 + function total()
 + {
 + horloge()
 + couleur()
 + }
 + function horloge()
 + {
 + var t = new Date().toLocaleTimeString(); 
 + document.getElementById("timer").innerHTML = t;
 + setTimeout(horloge, 1000);
 + }
 + function couleur()
 + {
 + valeur = valeur + 1;
 + if (valeur == 360)
 + {
 + valeur = 0;
 + }
 + valeur = valeur + "";
 + BackgroundColor = BackgroundColor1 + valeur + BackgroundColor2;
 + document.body.style.background = BackgroundColor;
 + document.getElementById("couleur").innerHTML = BackgroundColor;
 + valeur = parseInt(valeur)
 + setTimeout(couleur, 10)
 + }
 +
 +</file>
code/js-modifier_couleur_background_pulse.txt · Last modified: 2017/07/10 14:25 by supergnu