JavaScript - set timeout script

Question

I am trying to use inline javascript to set a timeout for a link I am calling on my website:

<a href="javascript:setTimeout(()=>{window.location = 'thankyou.html' },2500);" class="burst_1 btn">Elementary School Camp</a>

It works in Chrome but not in Firefox or Internet Explorer. I tried to search online for alternatives but nothing has worked for me so far. I need a timeout because the buttons I am using on my site have a fireworks effect and I'd like visitors to see the effect for a few seconds before they get sent to the link page.

Or is there a better way to achieve what I am trying to do? Open to suggestions.

ie doesn't support arrow functions not sure about ff. Try setTimeout(function() { window.location = 'thankyou.html' },2500) — Pete
– Pete, Commented Jan 16, 2020 at 16:03
For Firefox, you should add void before the setTimeout so the return value of setTimeout isn't redirected to. So this should work: href="javascript: void setTimeout(function () {window.location = 'thankyou.html' },2500);" — Ivar
– Ivar, Commented Jan 16, 2020 at 16:08

Nino Filiu · Accepted Answer · 2020-01-16 16:06:43Z

2

Replace <a href="javascript:..."> by <a href="#" onclick="...">:

function waitThenNavigateTo (newLocation) {
  setTimeout(() => {
    window.location = newLocation;
  }, 1000);
}

<a href="#" onclick="waitThenNavigateTo('http://example.com')">Click me!</a>

answered Jan 16, 2020 at 16:06

Nino Filiu

18.9k11 gold badges65 silver badges97 bronze badges

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

3 Comments

Allie Over a year ago

Thanks everybody! This did it! :)

Allie Over a year ago

One more question. For IE, I went to the Babel link to transform my code. This is what I got for Nino's code (but someone told me it's not working on IE): <script>function waitThenNavigateTo (newLocation) { setTimeout(function(){ window.location = newLocation; }, 3000); }</script>

Nino Filiu Over a year ago

@Allie indeed, arrow functions are not supported by IE, so Babel translates them into classic functions and handles the related context changes that are implied. The code transformed by babel should work on IE.

Collectives™ on Stack Overflow

JavaScript - set timeout script

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related