Appel fonction avec setTimeout()
Bonjour à tous, je viens vers vous en ce jour férié car je rencontre un problème.
Je suis un débutant en JavaScript et j'ai crée 2 fonctions chacune d'elles permet de dessiner 2 cercles avec canvas.
Voici un exemple pour une de ces fonctions.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
var feu1 = {
x : 100,
y : 100,
rayon : 20,
angleDepart : 0,
angleFin : Math.PI*2
}
var feu1bis = {
x : 400,
y : 400,
rayon : 20,
angleDepart : 0,
angleFin : Math.PI*2,
couleur : feu1.couleur
}
function drawFeux1() {
for(var i=0;i<feux1.length;i++){
var f1=feux1[i];
context.beginPath();
context.arc(f1.x, f1.y, f1.rayon, f1.angleDepart, f1.angleFin)
context.fillStyle = 'red';
context.fill();
context.closePath();
}
} |
La seconde fonction (drawFeux2) utilisera 2 autres variables et affichera 2 autres cercles de couleur verte.
Jusque-là aucun souci seulement j'aimerais qu'au bout d'un intervalle régulier la couleur de mes cercles définie dans drawFeux1 devienne celle qui est définie dans drawFeux2 et vice-versa.
Je souhaite donc intervertir la couleur de mes cercles à un intervalle défini.
Je sais qu'il existe des fonction javaScript qui permettent de mettre en place un tel fonctionnement mais je n'y arrive pas et je m'en remets donc à vous.
Cordialement,
