This shows you the differences between two versions of the page.
| — |
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=" | ||
| + | var BackgroundColor2=", | ||
| + | function total() | ||
| + | { | ||
| + | horloge() | ||
| + | couleur() | ||
| + | } | ||
| + | function horloge() | ||
| + | { | ||
| + | var t = new Date().toLocaleTimeString(); | ||
| + | document.getElementById(" | ||
| + | setTimeout(horloge, | ||
| + | } | ||
| + | function couleur() | ||
| + | { | ||
| + | valeur = valeur + 1; | ||
| + | if (valeur == 360) | ||
| + | { | ||
| + | valeur = 0; | ||
| + | } | ||
| + | valeur = valeur + ""; | ||
| + | BackgroundColor = BackgroundColor1 + valeur + BackgroundColor2; | ||
| + | document.body.style.background = BackgroundColor; | ||
| + | document.getElementById(" | ||
| + | valeur = parseInt(valeur) | ||
| + | setTimeout(couleur, | ||
| + | } | ||
| + | |||
| + | </ | ||