Clignotement d'un objet

Version imprimable

Bonjour,

je voudrais faire clignoter un objet voyant. C.A.D changer la couleur de fond selon un temps

pour l'instant j'ai trouver ceci
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 setTimeout ( function() { if (This.m_variable_cligno == 0) { This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour); This.m_variable_cligno = 1; } else { This.m_rectElem.setAttribute("style", back+ ";" +contour); This.m_variable_cligno = 0; } } ,1000);
le probleme c'est que je ne peut pas regler la frequence de clignotement, le 1000 c'est de temps avant qui commence a clignoter

des idées a me proposer pour regler la frequence de clignotement?

merci

17/07/2008, 10h51
Bovino

setInterval plutôt que setTimeout
17/07/2008, 11h04
SpaceFrog

c'est possible avec la focntion setTimeout, il suffit de relancer la focntion en fin de focntion, mais je n'aime pas trop cette methode.

COmme le dit Beef, il vaut mieux passer par setInterval
17/07/2008, 11h16
cortex59

OK pour setInterval mais je supose que je n'est pas qu'a remplacer settimeout par setInterval?

merci

Dans l'idée ...
mais je ne garantis rien sur le this ???
je ne sais pas à quoi il correspond dans ton code ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function clignotte() {
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
var clignotementationnage=setInterval(clignotte() ,1000);

17/07/2008, 11h37
cortex59

j'ai bien aime le "clignotementationnage"

par contre la fonction fonctionne mais a chaque changement de couleur de fond il me pete une erreur (argument non valide) sur

Code:

var clignotementationnage=setInterval(clignotte() ,1000);
17/07/2008, 11h40
SpaceFrog

essaye

Code:

var clignotementationnage=setInterval(function(){clignotte()} ,1000);

mais encore une fois cela peut provenir de ton this ...
17/07/2008, 11h48
cortex59

C'est du code que je reprens mais je pense que this c'est l'objet
(mais je suis pas tres fort en code)

Mais ce que tu ma fais essayer en 2nd c'est encore pire ca fais nimp

J'ai oublier de te signaler que cette fonction est dans un Onrefresh
j'ai mis 1 alert devan

Code:

var clignote = setInterval(function(){clignotte()} ,1000);

et 1 alerrt derriere

mais celui de derrriere n'arrive jamais! j'ai toujour que le premier
est ce que le Onrefresh ne serais pas trop rapide par rapport a la fonction?

merci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type='text/javascript'>
function clignotte(){
Obj=document.getElementById('one')
Obj.style.backgroundColor=(Obj.style.backgroundColor=='red')?'green':'red';
}
 
function LaunchCligno(){
var blinkationnement=setInterval("clignotte()",1000);
}
 
</script>
 
 
</head>
 
<body onload="LaunchCligno()">
<div id='one' style="background-color:red">lkjlkj</div>
</body>
 
</html>

17/07/2008, 11h49
Bovino

Essaye peut-être

Code:

var clignotementationnage=setInterval('clignotte()' ,1000);

???
17/07/2008, 11h53
cortex59

NON toujour pas
erreur : Objet attendu
17/07/2008, 11h54
SpaceFrog

Mon code fonc tionne ... :roll:
17/07/2008, 12h01
cortex59

Desole je n'avais pas vu
mais pour etre sincere avec toi je n'est pas compris
Il faut que je le sorte du Onrefresh?
17/07/2008, 13h26
SpaceFrog

ne sachant pas ce que fait ton onrefresh ....

à priori une fonction de rafraichissement ... mais de quoi et quand ???

OK ca fonctionne un peu mieux

voici ce que j'ai ecris
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function clignotte() { if (This.m_variable_cligno == 0) { This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour); This.m_variable_cligno = 1; } else { This.m_rectElem.setAttribute("style", back+ ";" +contour); This.m_variable_cligno = 0; } } if (toto == 0) { var clignot = setInterval(clignotte ,1000); toto = 1; }
J'en suis venu a la deduction qu'il ne faut que setInterval soit lancer qu'une fois. Donc le clignotenement fonctionnne mieux
mais le probleme c'est que la variable back ne se met pas a jour dans la fonction clignotte()

17/07/2008, 16h29
Bovino

Ben oui, setInterval sert à lancer périodiquement un traitement... il ne faut l'appeler qu'une fois !
Ta variable back ??? Elle sort de quel chapeau ?
17/07/2008, 16h30
SpaceFrog

un test sur back hors du test de lancement du setInterval,
puis un clearInterval

Voici ma fonction Onrefresh, quiu se lance en boucle

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Dynamicvoyant.prototype.OnRefresh = function()
{
 
// Get the value
var value = this.m_arrayValueDefinition[0].getValue();	
 
   var red = Math.round((fond_couleur & 0x000000FF) >> 0);
   var green = Math.round((fond_couleur & 0x0000FF00) >> 8);
   var blue = Math.round((fond_couleur & 0x00FF0000) >> 16);
   var back = "fill:rgb("+ red +","+ green+","+blue+")";
 
   red = Math.round((fond_contour_couleur & 0x000000FF) >> 0);
   green = Math.round((fond_contour_couleur & 0x0000FF00) >> 8);
   blue = Math.round((fond_contour_couleur & 0x00FF0000) >> 16);
   var contour = "stroke:rgb("+ red +","+ green+","+blue+")"; 
 
 
if (clignotement == "Vrai")
{
 
var This=this;
 
function clignotte() 
{
alert ("1");
  if (This.m_variable_cligno == 0)
  {
    This.m_rectElem.setAttribute("style", "fill:rgb(255,255,255)"+ ";" +contour);
    This.m_variable_cligno = 1;
  }
  else
  {
    This.m_rectElem.setAttribute("style", back+ ";" +contour);
    This.m_variable_cligno = 0;
  }
}
 
if (this.m_timer1 == 0)
 {      alert ("j entre");
	var clignot = setInterval(clignotte ,1000);
	this.m_timer1 = 1;
}
 
}
 
else
{
 
clearInterval(clignot);
this.m_timer1 = 0;
 
this.m_rectElem.setAttribute("style", back+ ";" +contour);
 
}
 
 
    fond_contour_couleur = 0x00000000; 
    fond_couleur = 0x00808080;
 
}

17/07/2008, 17h01
cortex59

j'ai essayer ceci pour sortir de la fonction clignotte()

Code:

clearInterval(clignot);

mais elle est toujour executer apres cette ligne
17/07/2008, 17h05
SpaceFrog

declare clignot en globlal ...
18/07/2008, 08h54
cortex59
Si je declare clignot en global il ne clignote meme plus

est ce que j'ai mis le bon argument??
Code:

1 2 var clignot = setInterval(clignotte ,1000); clearInterval(clignot);
Donc je rapel que mon PB c'est que lorsque je fais le clearInterval je ne qui pas la fonction clignotte

merci