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