CODEWITHSUNDEEP
javascriptjquerygoogle-chromeconsoledelay
Joseph
Joseph

Reputation: 75

How do I slow down the execution of a jquery click function?

I use a simple jquery command in the Google Chrome console to manage my site. Basically, I have to approve a number of new requests every day, so I use:

$('.approve').click();

where 'approve' is the class name of the button that needs to get clicked. This saves me hours. However, this crashes my browser every time, and sometimes doesn't work, mainly because of the resource taxing it put on my laptop. I was looking for a way to slow down the actions of the function. I tried... 

$('.approve').click().delay(1000);

to try and slow it down by 1 second between button clicks. This didn't seem to work (it ran without errors but I don't think it slowed down the clicking.

Any ideas?

Edit:

Someone pointed out that this may be a duplicate of another question. The reason it isn't is that the other top answer focuses on using JS to define a function that uses setTimeout(), where I am looking for a native jquery method of doing it. I understand jquery is written in JS, but because I'm using it in a command console, I don't have the luxury of multiple lines of coding space.

Can anyone also tell me why the above function wouldn't work? It seems like it should, based on my research.

Thank you in advance.

Upvotes: 4

Views: 2887

Answers (4)

Andreas Louv
Andreas Louv

Reputation: 47099

Wait 1 second between each click:

You will need to iterate over each .approve-button, then trigger the click event for each button with a second in between: (setTimeout)

$('.approve').each(function(index) {
    var $approve = $(this);
    setTimeout(function() {
        // Simulation click event
        $approve.trigger('click'); 
    // 0, 1, 2, 3, ... times 1000 to bring delay to miliseconds
    }, index * 1000); 
});

One liner (For IE9+):

$(".approve").each(function(c){setTimeout(function(c){c.click()},1e3*c,$(this))});

One liner:

$(".approve").each(function(e){var i=$(this);setTimeout(function(){i.click()},1e3*e)});

Upvotes: 2

Luke
Luke

Reputation: 361

when click you have to run a function that will execute setTimeout function

$('.approve').click(function(){
  setTimeout(function(){
  // here some code u want to execute after 5 sec //
  }, 5000);
});

Upvotes: 0

Richard Hamilton
Richard Hamilton

Reputation: 26434

If you want to exectue your function once, use setTimeout()

$(".approve").click(function(){
    setTimeout(function(){
    }, 1000);
});

If you want to exectue it every second, use setInterval()

Upvotes: 0

BrockLee
BrockLee

Reputation: 981

You can add a delay on the function click like so

$(".approve").click(function(){
    setTimeout(function(){
        // Do something
    }, 1000);
});

Upvotes: 0

Related Questions