Delay jquery function / form submit

Question

im struggling to get a function to be delayed for 3 seconds.. this is on an image -

 function base64_tofield() {

            $('#formfield').val($.scriptcam.getFrameAsBase64());

             document.form.submit();
           };

ive tried:

setTimeout( function () { 
          base64_tofield(); 
           }, 3000);

to no avail. the form is just submitting without the 3 second delay - any ideas? do i need to 'block' the form or what?

thanks!

image code:

<img id="btn1" onclick="base64_tofield()">

NaYaN · Accepted Answer · 2013-10-21 13:31:24Z

4

Live Demo : alert will popup after 3 secs.

Try this:

<img id="btn1" onclick="new_fun()">

function new_fun()
{
    setTimeout( function () { 
          base64_tofield(); 
    }, 3000);
}

function base64_tofield() {
    $('#formfield').val($.scriptcam.getFrameAsBase64());
    document.form.submit();
};

answered Oct 21, 2013 at 13:31

NaYaN

1,3207 silver badges11 bronze badges

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

Comments

Sajuna Fernando · Accepted Answer · 2013-10-21 13:25:31Z

1

You can call the function with a timeout like this

setTimeout(base64_tofield, 3000);

answered Oct 21, 2013 at 13:25

Sajuna Fernando

1,38411 silver badges17 bronze badges

2 Comments

FstaRocka Over a year ago

tx - but now it submits the form every 3 seconds now by itself it seems.. do i put that outside the base64_tofield? function base64_tofield() { $('#formfield').val($.scriptcam.getFrameAsBase64()); document.form.submit(); }; setTimeout(base64_tofield, 3000);

Sajuna Fernando Over a year ago

Yes. Put it outside, otherwise its going to be recursive

Tim Vermaelen · Accepted Answer · 2013-10-21 13:31:28Z

1

"do i need to 'block' the form or what?"

Euh, yes that sounds like an idea. Right now you define your function base64_tofield() directly without the use of jquery. Any reason for that?

In jQuery the event parameter is added which allows you to do event.preventDefault()

$("#btn1").click(function(event){
    // do i need to 'block' the form or what?
    event.preventDefault();
    setTimeout(base64_tofield, 3000);
});

Not sure how your images are added to the page but a css class instead of an id and/or .on() can help here too.

answered Oct 21, 2013 at 13:31

Tim Vermaelen

7,0792 gold badges27 silver badges39 bronze badges

Comments

Andri · Accepted Answer · 2013-10-21 13:33:29Z

1

You can use window.setTimeout() for this. setTimeout returns a timeoutID that you can use to cancel the action before it's triggered.

If you are setting the timeout inside a jquery callback function, you should wrap the target function call into an anonymous function, instead of just entering the target function name.

var delay = 3000;
var timeoutID = setTimeout(function(){base64_toField();},delay);

//if you need to cancel the function call before it's triggered:
clearTimeout(timeoutID);

Edit: I just read that your form submits without the 3 second delay. you should suppress the default action on the event:

$("form").submit(function(e) {
    e.preventDefault();
    //do other stuff
}

answered Oct 21, 2013 at 13:33

Andri

1,50313 silver badges21 bronze badges

Collectives™ on Stack Overflow

Delay jquery function / form submit

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related