I am running a JS / AJAX script to update data in my table and once the script is done, I would like to reload the page. However, with my current code, it reloads immediately, is there any way to delay the reload for 3 secs?

// close modal and refresh page
$('#EditRecordModal').modal('hide');
location.reload();

Thanks

I am running a JS / AJAX script to update data in my table and once the script is done, I would like to reload the page. However, with my current code, it reloads immediately, is there any way to delay the reload for 3 secs?

// close modal and refresh page
$('#EditRecordModal').modal('hide');
location.reload();

Thanks

• javascript
• jquery
• ajax

Share Improve this question Follow asked Sep 22, 2016 at 12:20 Armitage2kArmitage2k 1,27422 gold badges3333 silver badges6666 bronze badges 2

• 2 Possible duplicate of How to delay execution in between the following in my javascript – Joe Clay Commented Sep 22, 2016 at 12:21
• Do you get a response from your database/server? You can wait until the response es and then reload the page/display error message if not updated in database. – Dinca Adrian Commented Sep 22, 2016 at 12:28

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

$('#EditRecordModal').modal('hide');
setTimeout(function(){location.reload()}, 3000);