Membre de ClickFR, Reseau francophone Paie-Par-Click
Accueil
Accueil
- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]
Accueil

JavaScript 1.3
Le temps

  Retarder une action (setTimeout)

fonction de ce script  principe de ce script  le script lui-meme  demonstration du script  telechargement du script

  Fonction
Le but de ce script est de retarder le lancement d'une action ou d'une fonction, pratique pour mettre à jour une information, afficher des messages différents de temps en temps...
  Principe
JavaScript possède une fonction standard appelée 'setTimeout' qui permet de lancer une action au bout d'un certain délai.
Cette fonction accepte deux paramètres :
  • Le premier : la fonction à lancer après le délai,
  • Le second : le délai à attendre, en millisecondes.
Cette fonction de retardement peut être intégrée dans la fonction à exécuter, auquel cas la fonction à exécuter ne fonctionnera qu'avec le retardement, soit elle peut être externalisée, ce qui permet d'appeler la fonction à exécuter aussi sans le retardement.
  Le script
dans la partie <head>
<script language="JavaScript">
// on récupère la date du système. C'est elle qui est directement appelée en premier dans la page
// la fonction retardatrice, réglée à 3 secondes (3000 millisecondes)
function retarder() {
setTimeout("message();",3000)
}

// la fonction d'affichage du message elle-même
function message() {
window.alert('Vous n\'avez pas attendu trop longtemps ?');
}

// une autre méthode, plus courte mais ne permettant pas l'affichage du message immédiatement
function message2() {
setTimeout("window.alert('Vous n\\'avez pas attendu trop longtemps ?')",3000);
}
</script>

dans la partie <body>
<a href="javascript:message();">Le message</a> (immédiat)

<a href="javascript:retarder();">Méthode 1</a> (3 secondes)

<a href="javascript:message2();">Méthode 2</a> (3 secondes)
  Démonstration
Le message (immédiat)

Méthode 1 (3 secondes)

Méthode 2 (3 secondes)
  Téléchargement
Ce script est disponible en deux versions :
  • le script est intégré à la page où il agit,
  • le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

    L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
    Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.
    		•
    Script intégré :
    time_delay.zip
    1 Ko    		 telechargez le script telechargez le script
    Script séparé :
    time_delay2.zip
    1 Ko
    Recherche
    		aide sur la recherche
    CSS 2
    DHTML
    HTML 4
    Références
    Aide générale
    hit-parade
    Votez TOP Ouaibe !

    statistiques
    aide sur les contacts aide sur la mailing-list aide sur la newsletter