delay() affichage à retardement

**gotcha5832** · 24/06/2012, 09h25

Salut à tous,

J'essaye tout simplement d'afficher un div ..seconde après un click.
Je cherche mais je n'arrive pas malgrés l'utilisation de .delay()

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script language="javascript" type="text/javascript">
		function affiche(){
 		 	$(this).delay(3000,
 		 		function(){
     			$("#ato").css("display","block");
  				}
  			);
		}
	</script>
	<style type="text/css">
		#ato{display:none;}
	</style>  
	</head>
<body>
	<button onclick="affiche()">Copy Text</button>
	<div id="ato">test</div>
</body>
</html>

Si quelque peux m'aider je l'en remercie.

**Bovino** · 24/06/2012, 09h40

D'une part, .delay() n'est pas équivalent à setTimeout() et d'autre part, cette méthode ne prend pas de fonction de rappel.

.delay() est un effet et doit donc être utilisé dans une suite d'effets.
Tu peux donc utiliser soit setTimeout(), comme précisé dans la doc, soit utiliser un effet pour l'apparition :

Code :

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

$(this).delay(3000).show('fast');

mais attention, .show() sans précision du paramètre de durée n'est pas considéré comme un effet.

**gotcha5832** · 24/06/2012, 10h09

Merci

Voici ma solution:

Code :

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

setTimeout(function(){$("#ato").css("display","block");},4600);

Sans vouloir abuser.
Est il possible de créer un élément, plutot que de la cacher, et le faire apparaitre?

Merci

delay() affichage à retardement

jQuery

Discussions similaires

Partager

Partager