Menggunakan setTimeout untuk membuat pemasa jQuery

Tutorial ini menunjukkan pemasa undur jQuery yang menurun dari 10 setiap saat. Ini dicapai dengan memanggil rekursif

dalam fungsi pemasa. Berikut adalah kod. setTimeout

kod jQuery

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

});

kod html

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

soalan yang sering ditanya mengenai pemasa jQuery

Bahagian ini membincangkan soalan umum mengenai pemasa jQuery.

Q: Bagaimana saya membina pemasa undur dengan jQuery?

A: Gunakan

untuk pelaksanaan berulang pada selang set. Berikut adalah contoh ringkas: setInterval

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

Q: Bagaimana saya boleh menjeda pemasa jQuery?

a: Gunakan

untuk menghentikan pemasa bermula dengan clearInterval. setInterval

function pauseTimer() {
    clearInterval(counter);
}

Q: Bagaimana untuk meneruskan pemasa jQuery yang dijeda?

A: JavaScript tidak terus menyambung semula pemasa. Mulakan semula dengan

menggunakan nilai kiraan semasa. setInterval

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

Q: Bagaimana untuk membuat pelaksanaan fungsi tertunda dalam jQuery?

A: Kaedah JQuery's

menambah kelewatan sebelum melaksanakan fungsi dalam rantaian animasi. .delay()

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

Q: Bagaimana untuk membuat pemasa berulang dalam jQuery?

a:

adalah kunci untuk berulang kali melaksanakan fungsi. setInterval

Atas ialah kandungan terperinci Menggunakan setTimeout untuk membuat pemasa jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!