javascript - How to run a function in jQuery for 15 times

Question

I have a jQuery function

 setInterval(function () {
        secondPlay()
    }, 1000);


    setInterval(function () {
        secondPlay1()
    }, 1000);
function secondPlay() {
    $("body").removeClass("play");

    var aa = $("ul.secondPlay li.active");
    var ii = $('ul.secondPlay li:last-child').val();
    if (aa.html() == undefined) {
        aa = $("ul.secondPlay li").eq(0);
        aa.addClass("before")
            .removeClass("active")
            .next("li")
            .addClass("active")
            .closest("body")
            .addClass("play");

    }
    if (aa.is(":last-child")) {
        $("ul.secondPlay li").removeClass("before");
        aa.addClass("before").removeClass("active");
        aa = $("ul.secondPlay li").eq(0);
        aa.addClass("active")
            .closest("body")
            .addClass("play");
    }
    else {
        $("ul.secondPlay li").removeClass("before");
           aa.addClass("before")
            .removeClass("active")
            .next("li")
            .addClass("active")
            .closest("body")
            .addClass("play");
    }

}

I want to run this function for 15 times. How can I run it ?

Answer 1

Declare a variable as a counter. Increment that variable eachtime you calling the function. If the variable reaches 15, the stop the setInterval() by using clearInterval() function

var counter = 1;
var interval = setInterval(function () {
    if (counter == 15) {
        clearInterval(interval);
    }
    secondPlay()
    counter++;
}, 1000);