Comment déclencher la minuterie javascript

Timer (timer) est une fonctionnalité importante de JavaScript, utilisée pour retarder l'exécution de tâches ou effectuer des tâches périodiquement. Dans de nombreuses applications Web, en particulier celles nécessitant des exigences élevées en temps réel, les minuteries jouent un rôle important. Le déclenchement d'une minuterie est la première étape pour utiliser une minuterie. Cet article explique comment déclencher une minuterie JavaScript.

1. Utilisation de base des minuteries

En JavaScript, vous pouvez utiliser la fonction setTimeout pour créer une minuterie. La fonction setTimeout a deux paramètres : le premier paramètre est la tâche à exécuter et le deuxième paramètre est le délai avant l'exécution de la tâche, en millisecondes. Par exemple :

var timer = setTimeout(function() {
    console.log('This is a timed task');
}, 1000);

Le code ci-dessus crée un minuteur nommé timer, qui exécutera une fonction anonyme après 1000 millisecondes et affichera une chaîne dans la fonction. Ce timer ne sera exécuté qu'une seule fois et sera détruit après exécution.

Parfois, vous devez effectuer une tâche périodiquement, vous pouvez utiliser la fonction setInterval pour créer une minuterie périodique. La fonction setInterval a également deux paramètres : le premier paramètre est la tâche à exécuter et le deuxième paramètre est le délai avant l'exécution de la tâche. Par exemple :

var timer = setInterval(function() {
    console.log('This is a periodic task');
}, 1000);

Le code ci-dessus crée un minuteur nommé timer, qui exécutera une fonction anonyme toutes les 1 000 millisecondes et affichera une chaîne dans la fonction. Cette minuterie fonctionnera périodiquement jusqu'à ce qu'elle soit arrêtée manuellement.

2. Minuterie de déclenchement conditionnel

Parfois, une minuterie doit être déclenchée uniquement lorsqu'une certaine condition est remplie. Par exemple, vous devez retarder l'exécution de certains codes après que l'utilisateur a cliqué sur un bouton. À ce stade, vous pouvez utiliser un jugement conditionnel pour déclencher le minuteur après avoir attendu que la condition soit remplie. Par exemple :

// 为按钮绑定click事件
document.getElementById('btn').addEventListener('click', function() {
    // 等待3秒后执行任务
    var timer = setTimeout(function() {
        console.log('Task after 3 seconds');
    }, 3000);
    
    // 在3秒内再次点击按钮，取消计时器
    var that = this;
    this.disabled = true;
    setTimeout(function() {
        that.disabled = false;
    }, 3000);
});

Le code ci-dessus lie un événement de clic à un bouton. Lorsque l'utilisateur clique sur le bouton, un minuteur nommé timer sera créé. Il exécutera une fonction anonyme après 3 secondes et affichera un caractère dans la fonction. . Dans le même temps, le bouton est désactivé lors de la création du minuteur et ne peut plus être cliqué pendant 3 secondes. Si l'utilisateur clique à nouveau sur le bouton dans les 3 secondes, l'exécution de la minuterie sera annulée et le bouton sera activé.

3. Déclenchez manuellement la minuterie

Parfois, il est nécessaire de déclencher manuellement une minuterie au lieu d'attendre que la minuterie se déclenche automatiquement lorsqu'elle atteint le timing. Dans ce cas, vous devez utiliser la fonction clearTimeout ou clearInterval pour annuler l'exécution du timer. Par exemple :

var task = function() {
    console.log('This is a timed task');
};

var timer = setTimeout(task, 1000);

// 手动触发计时器
task();

// 取消计时器
clearTimeout(timer);

Le code ci-dessus crée un minuteur nommé timer, qui exécutera une fonction anonyme après 1000 millisecondes et affichera une chaîne dans la fonction. Déclenchez ensuite manuellement le minuteur dans la fonction de tâche task(), puis annulez immédiatement l'exécution du minuteur.

4. Résumé

La minuterie est une fonctionnalité importante de JavaScript et peut être utilisée pour retarder l'exécution de tâches ou exécuter des tâches périodiquement. Le déclenchement d'un minuteur est la première étape de l'utilisation d'un minuteur. Lors de l'utilisation, vous devez faire attention au contrôle du temps de déclenchement et des temps d'exécution du minuteur pour garantir la stabilité et les performances de l'application.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!