Clignotement d'un objet

Version imprimable

Voir 40 message(s) de cette discussion en une page

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, 11h51
Bovino

setInterval plutôt que setTimeout
17/07/2008, 12h04
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, 12h16
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, 12h37
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, 12h40
SpaceFrog

essaye

Code:

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

mais encore une fois cela peut provenir de ton this ...
17/07/2008, 12h48
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, 12h49
Bovino

Essaye peut-être

Code:

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

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

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

Mon code fonc tionne ... :roll:
17/07/2008, 13h01
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, 14h26
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, 17h29
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, 17h30
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, 18h01
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, 18h05
SpaceFrog

declare clignot en globlal ...

Voir 40 message(s) de cette discussion en une page