How to delay before close() and redirect?

Question

Possible Duplicate:
Is there a sleep function in JavaScript?

How can i add a delay to this to make it close and redirect after so many seconds please?

<script type="text/javascript">
  $(function() { parent.$.fancybox.close(); });
  window.parent.location.href = '/shop/basket';
</script>

whats the point in closing anything when instant redirecting ? — jAndy, Jan 24 '13 at 21:15
@jAndy: The question asks ` make it close **and** redirect after so many seconds` — Matt Burland, Jan 24 '13 at 21:17
@jAndy one can only assume that fancybox's close function does something else important? :) — georgedyer, Jan 24 '13 at 21:30
@MattBurland: actually my point was.. if the *close* and *redirect* happens at the same time, closing doesn't make much sense. I could buy it if you want to *close* a box, wait a little and then redirect. — jAndy, Jan 24 '13 at 21:55

georgedyer · Answer 1 · 2013-01-24T21:35:25.493

3

window.closeAndRedirect = function() {
    parent.$.fancybox.close();
    window.parent.location.href = '/shop/basket';
}

setTimeout(closeAndRedirect, 5000); // 5 seconds

@jAndy pointed out: why would you want to close something if you are redirecting anyway?, which is a valid point.

maybe you meant close, THEN redirect 5 seconds after closing? If so:

parent.$.fancybox.close(function() {
    setTimeout(function() {
       window.parent.location.href = '/shop/basket';
    });
});

assuming that close has a callback. If not, maybe:

parent.$.fancybox.close();
setTimeout(function() {
    window.parent.location.href = '/shop/basket';
});

edited Jan 24 '13 at 21:35

answered Jan 24 '13 at 21:13

georgedyer

2,737
1
21
25

Why keep the jQuery `$(document).ready()`? After 5 seconds, if the DOM isn't already loaded, it'll just redirect straight away anyway. – Matt Burland Jan 24 '13 at 21:21
good point. my oversight due to copying and pasting :). I made the edit. – georgedyer Jan 24 '13 at 21:28

Matt Burland · Answer 2 · 2013-01-24T21:22:04.447

1

Use setTimeout and call your function from the callback.

Something like:

$(function() { 
    setTimeout(function() {
        parent.$.fancybox.close(); 
        window.parent.location.href = '/shop/basket';
    }, 5000);
});

to wait 5 seconds, start from when the DOM is ready.

edited Jan 24 '13 at 21:22

answered Jan 24 '13 at 21:12

Matt Burland

44,552
18
99
171

score 0 · Answer 3 · answered Jan 24 '13 at 21:56

Actually, you don't need to do that from within the opened (child) page but directly on the parent page.... just use setTimeout inside a callback in your custom fancybox script to program the close and redirection tasks like :

$(".fancybox").fancybox({
    afterLoad: function () {
        setTimeout(function () {
            $.fancybox.close();
            window.location.href = "/shop/basket";
        }, 5000); // 5000 = 5 secs
    }
});

See JSFIDDLE

How to delay before close() and redirect?

3 Answers3