add a delay at the end of a loop in Javascript/jQuery

Question

I would like to add a delay of 5 seconds after likeMe() loop has finished. Once finsh I would like to trigger a click on the log out button of Facebook.

I'm stupid when it comes to javascript symantics; therefore I have no idea on how to trigger any of this? With this in mind where/how would I add this effect after the loops is over:

I've normally use .promise().done() to do the finally steps after a loops but I have no idea how to place this $.delay(5000).promise().done( $('input[value="Log Out"]').click()); within the javascript.

BACKGROUND: creating a installation art piece using arudino, processing and & greasemonkey jQuery.

FULL SCRIPT:

unsafeWindow.likeMe = likeMe;
function likeMe() 
{   

        input = document.getElementsByTagName("input");
        for(i = 0; i < input.length; i++) 
        {
            myID = input[i].getAttribute("data-profileid");
            if(myID != null && myID.indexOf("342584172457437") >= 0)
                input[i].click();
        }
        $.delay(5000).promise().done( $('input[value="Log Out"]').click()); 
        // this is wrong but yeah i have no clue where or how to put it on here.

}


$(window).load(function(){

    var isCtrl = false;
    document.onkeyup=function(e) {
        if(e.which == 17) isCtrl=false;
    }
    document.onkeydown=function(e){
        if(e.which == 17) isCtrl=true;
        if(e.which == 46 && isCtrl == true) {
            likeMe()

            return false;
        }
    }

});

detect the end of the loop, if(input.length == -1){ setTimeout(function(){ // code here }, 5000);} — Ohgodwhy
– Ohgodwhy, Commented Jun 23, 2012 at 5:35

Prasenjit Kumar Nag · Accepted Answer · 2012-06-23 05:48:42Z

2

You can use setTimeout like

function likeMe() 
{   

    input = document.getElementsByTagName("input");
    for(i = 0; i < input.length; i++) 
        {
            myID = input[i].getAttribute("data-profileid");
            if(myID != null && myID.indexOf("342584172457437") >= 0)
            input[i].click();
        }

   setTimeout(function() {
        $('input[value="Log Out"]').click();
   }, 5000);

}

or inside the onkeydown like

document.onkeydown=function(e){
        if(e.which == 17) isCtrl=true;
        if(e.which == 46 && isCtrl == true) {
            likeMe();
            setTimeout(function() {
               $('input[value="Log Out"]').click();
            }, 5000); 
            return false;
        }
    }

But not in both at the same time.

edited Jun 23, 2012 at 5:48

answered Jun 23, 2012 at 5:38

Prasenjit Kumar Nag

13.5k3 gold badges47 silver badges57 bronze badges

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

3 Comments

John Abraham Over a year ago

Damn joy you got me on autofollow dont you?! You answer all my questions!

Prasenjit Kumar Nag Over a year ago

@MatthewHarwood, Nop Sir I don't. It's coincidence maybe. :)

Cranio Over a year ago

Anyway, it would have been the most fruitful form of stalking :]

jfriend00 · Accepted Answer · 2012-06-23 05:36:12Z

0

Use setTimeout() like this:

setTimeout(function() {
    $('input[value="Log Out"]').click();
}, 5000);

to execute a function in five seconds.

answered Jun 23, 2012 at 5:36

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

2 Comments

John Abraham Over a year ago

where would i place this winthin the loop?

jfriend00 Over a year ago

You put it whenever you want to start the 5 seconds. I would assume you put it after your for loop finishes executing.

Collectives™ on Stack Overflow

add a delay at the end of a loop in Javascript/jQuery

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related