一定时间后停止javascript函数

Question

I'm facing quite the challenge here, and since i'm new to web development i don't really know where to look.

On this website i'm working on, we are loading a map via a javascript function:

initializeMap();

This function is called inside:

$(document).on("ready", function() {
})

Sometimes this function "initializeMap();" takes a long time to run, most likely because i'm getting information from another server, and it might timeout if you have a slow connection, or for any other arbitrary reason.

Is there a way to say, if "initializeMap();" has not completed within 30 seconds, i would like to throw an error (Or console.log for an example).

I have searched a lot, and "Promise.race" seems to be able to do it, but this system requires old browser support, and we can't really update the node.js on the server, so i'm stuck to ES5.

I hope there are some kind people who can point me in the correct direction.

ps. we use jQuery also (Version 3.1)

Answer 1

I found another solution.

I used setTimeout to check for a loading animation after 30 seconds. If the loading animation is still there, i display an error where the user is able to reload the page.