Javascript jquery按钮点击功能会自动延时

Javascript jquery按钮点击功能会自动延时,javascript,jquery,Javascript,Jquery,嗨,我需要做下面的jquery功能,而不需要点击下一步按钮。我试了很多次,但都不起作用。有人能给我一个合适的方法吗 var clickNext = $(".next_button").click(function() { var imgWidth = $("#slider_box_01").width(); var numImgs = 16; var count = 0; slideId++; if (slideId == 3) {

嗨,我需要做下面的jquery功能,而不需要点击下一步按钮。我试了很多次,但都不起作用。有人能给我一个合适的方法吗

  var clickNext = $(".next_button").click(function() {
    var imgWidth = $("#slider_box_01").width();
    var numImgs = 16;
    var count = 0;

    slideId++;

    if (slideId == 3) {
        slideId = 0;
    }
    imageSlider(imgWidth, numImgs, count, slides, slideId);

});

function imageSlider(imgWidth, numImgs, count, slides, slideId) {

    var animation = setInterval(function() {

        var position = -1 * (count * imgWidth);

        $('#slider_box_01').find('.slider_image').css('margin-left', position);


        count++;

        if (count == numImgs) {

            count = 0;
            $('#slider_box_01').find('.slider_image').css('margin-left', 0  );

            $(".slider_image").attr("src", slides[slideId]);

            clearInterval(animation);

        }
    }, 80);  

如果我单击.next_按钮,此功能运行良好,但在每2秒钟加载网页后,我需要不单击任何按钮来执行此操作

您已经在使用
setInterval()
,这正是您需要的

// When document is ready.
$(function () {
    // Couldn't find this variable declared anywhere in your code?
    var slideId = 0;

    // A function to wrap the code previously set to be executed
    // on the click event.
    function myFunction () {
        var imgWidth = $("#slider_box_01").width();
        var numImgs = 16;
        var count = 0;

        slideId++;

        if (slideId == 3) {
            slideId = 0;
        }

        imageSlider(imgWidth, numImgs, count, slides, slideId);
    }

    function imageSlider(imgWidth, numImgs, count, slides, slideId) {
        var animation = setInterval(function () {
            var position = -1 * (count * imgWidth);

            $('#slider_box_01').find('.slider_image').css('margin-left', position);

            count++;

            if (count == numImgs) {
                count = 0;
                $('#slider_box_01').find('.slider_image').css('margin-left', 0);
                $(".slider_image").attr("src", slides[slideId]);
                clearInterval(animation);
            }
        }, 80);
    }

    // Call the new function every 2 seconds.
    setInterval(myFunction, 2000);
});

无需任何代码更改的最简单解决方案:

setInterval(function(){
    $(".next_button").click();
},2000);

谢谢,这也行。。但我使用下面的一个,因为我需要一些修改,谢谢。这只是我代码的一部分,slideId声明了代码的顶部,我没有把所有代码都放在这里,因为如果我在这里加上这个问题会很复杂:D没关系。我提到它只是为了以防万一。我很高兴这个解决方案对你有效。