Différer un effet
delay(durée) delay
Permet de retarder le déroulement d’un effet.
-
durée est un entier exprimant en millisecondes le retard à apporter pour l’exécution de l’effet suivant.
Exemple
Faisons apparaître des divisions en deux temps avec un délai de 2 secondes pour la deuxième, par rapport à l’affichage de la première.
État initial, les deux boîtes sont affichées :
Au clic sur le bouton, dans un premier temps, les deux boîtes sont masquées :
Ensuite seule la division 1 s’affiche.
Puis, la division 2 apparaît avec un retard de 2 secondes.
Le code se présente comme suit :
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
$("div.first").slideUp(300).fadeIn(600);
$("div.second").slideUp(300).delay(2000).fadeIn(600);
});
});
</script>
<style>
div {
width:...
Conditions générales d'utilisationCopyright - © Editions ENI ||Politique de protection des données du groupe ENI