Développement web

Cours 18

JavaScript

Interval / Timeout

Il peut arriver qu'on ait besoin d'attendre un certain temps avant d'éxecuter une instruction

La méthode window.setTimeout() permet de faire cela

  • Le premier paramètre est le callback. C'est une fonction qui sera déclenchée à la fin du temps
  • Le deuxième paramètre est le temps à attendre en millisecondes

window.setTimeout(() =>
{
    console.log('Ding !')
}, 1000)

window est un objet global possédant tout un tas de propriétés et méthodes

Il est évidemment possible de déclarer la fonction d'abord puis de l'envoyer au setTimeout


const ding = () =>
{
    console.log('Ding !')
}

window.setTimeout(ding, 1000)

⚠️ nous envoyons la fonction ding mais nous ne l'appelons pas (ding())

C'est le JavaScript qui s'occupera de l'appeler lorsque le temps sera écoulé

Il peut arriver qu'on ait besoin de déclencher une même action plusieurs fois à intervalle régulier

La méthode window.setInterval() permet de faire cela

Les paramètres sont les mêmes que pour le setTimeout


window.setInterval(() =>
{
    console.log('Tick')
}, 1000)