Utilisation de setTimeout pour faire une minuterie jQuery

Ce tutoriel montre un temporisateur de compte à rebours jQuery qui diminue de 10 chaque seconde. Ceci est réalisé en appelant récursivement setTimeout dans la fonction temporaire. Vous trouverez ci-dessous le code.

jQuery Code

jQuery(document).ready(function() {

    let countdown;
    let countdownNumber;

    function countdownInit() {
        countdownNumber = 11;
        countdownTrigger();
    }

    function countdownTrigger() {
        if (countdownNumber > 0) {
            countdownNumber--;
            $('#countdown_text').html(countdownNumber); //Corrected selector and method
            if (countdownNumber > 0) {
                countdown = setTimeout(countdownTrigger, 1000); //Simplified setTimeout call
            }
        }
    }

    function countdownClear() {
        clearTimeout(countdown);
    }

    countdownInit(); //Start the timer on page load

});

Code html

<div id="countdown_text">Placeholding text</div>

Des questions fréquemment posées sur les minuteries jQuery

Cette section aborde les questions courantes concernant les minuteries jQuery.

Q: Comment construire une minuterie à compte à rebours avec jQuery?

a: utilisez setInterval pour une exécution répétée à un intervalle défini. Voici un exemple concis:

let count = 10;
let counter = setInterval(function() {
    count--;
    if (count < 0) {
        clearInterval(counter);
        return;
    }
    $("#timer").text(count + " secs");
}, 1000);

Q: Comment puis-je suspendre une minuterie jQuery?

a: utilisez clearInterval pour arrêter une minuterie commencée avec setInterval.

function pauseTimer() {
    clearInterval(counter);
}

Q: Comment reprendre une minuterie jQuery en pause?

A: JavaScript ne reprend pas directement les minuteries. Redémarrez-le avec setInterval en utilisant la valeur de comptage actuelle.

function resumeTimer() {
    counter = setInterval(function() {
        count--;
        if (count < 0) {
            clearInterval(counter);
            return;
        }
        $("#timer").text(count + " secs");
    }, 1000);
}

Q: Comment créer une exécution de fonction retardée dans jQuery?

a: la méthode .delay() de jQuery ajoute un retard avant d'exécuter une fonction dans une chaîne d'animation.

$("#myDiv").delay(2000).fadeIn(400);

Q: Comment créer une minuterie répétée dans jQuery?

a: setInterval est la clé pour exécuter à plusieurs reprises une fonction.

setInterval(function() {
    alert("Hello");
}, 3000);

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!