faire un bouton clignotant

**identifiant_bidon** · 01/02/2008, 10h56

Bonjour a tous

Comme dit dans le titre, je voudrais faire un bouton clignotant en javascript pen dant 5 secondes. Je ne veux pas que seul le texte clignote mais bien tout le bouton. Je ne maitrise pas assez le javascript pour savoir comment faire ça.

Si quelqu'un a une idée ...

Merci beaucoup

**SpaceFrog** · 01/02/2008, 11h34

dans un setInterval

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
function clignotte(obj){
setInterval(function(){obj.style.visibility=	(obj.style.visibility=='visible')?'hidden':'visible';},1000)
}
</script>
</head>
<body>
<input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible" />

**identifiant_bidon** · 01/02/2008, 11h57

Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ?

**KawaJVC** · 01/02/2008, 13h02

" Super, merci SpaceFrog, ça marche vraiment bien mais j'aimerais faire en sorte qu'il s'arrete de clignoter au bout de 5 secondes. Je dois utiliser la fonction ClearInterval non ? "

Oui , mais dans de cas là tu fais ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var timer = setInterval(etc,temps);
setTimeout("clearInterval(timer);",5000);

**identifiant_bidon** · 01/02/2008, 13h48

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
<head>
<script>
	function clignotte(obj){
		var timer = setInterval(function(){obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible';},500);
		setTimeout("clearInterval(timer);",5000);
	}	
 
 
</script>
</head>
<body>
<input id="me" type="button" value="hop"  onclick="clignotte(this)" style="visibility:visible"/>
</body></html>

Dsl mais ca marche pas

**KawaJVC** · 01/02/2008, 13h54

o_0 Bizarre ! Je vois pas pourquoi ca marcherais pas là

Ou alors au lieu de faire function(){...} , essayes de faire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
function clignotte(obj)
{
 
 function clignotter()
 {
 obj.style.visibility = (obj.style.visibility=='visible')?'hidden':'visible';
 }
		var timer = setInterval("clignotter();",500);
		setTimeout("clearInterval(timer);",5000);
}

faire un bouton clignotant

JavaScript

Vue hybride

Discussions similaires

Partager

Partager