jquery button click function do automatically with time delay

Question

Hi I need to do bellow jquery function without click next button. I tried so many was but those are not working can any one give me a proper way to do this please

  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);

this function works well if I click the .next_button but I need to do that without click any button after load my web page every 2 second.

WindowTimers.setInterval

emerson.marini
– emerson.marini

2014-09-10 10:43:34 +00:00
Commented Sep 10, 2014 at 10:43 — emerson.marini
– emerson.marini, Commented Sep 10, 2014 at 10:43

Exlord · Accepted Answer · 2014-09-10 10:51:52Z

2

the simplest solution without any code change :

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

answered Sep 10, 2014 at 10:51

Exlord

5,4395 gold badges39 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rajitha Over a year ago

thanks this also works.. but i use bellow one because i need some modification thanks.

emerson.marini · Accepted Answer · 2014-09-10 10:48:00Z

1

You're already using setInterval() and that's exactly what you need here.

// 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);
});

answered Sep 10, 2014 at 10:48

emerson.marini

9,3462 gold badges35 silver badges50 bronze badges

2 Comments

Rajitha Over a year ago

this is only one part of my code slideId has declared top of code, i did not put all code here because question will be complex if i add that here :D

emerson.marini Over a year ago

That's OK. I mentioned it just in case. I'm glad the solution worked for you.

Collectives™ on Stack Overflow

jquery button click function do automatically with time delay

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related