I want to load another HTML page after a specific amount of time

Question

I have one html page "form1.html" which has an animated image. I want to load another page "form2.html" after 5 seconds. How do I do this?

Why marked duplicate of a jQuery question while the question title is out of jQuery topics?! — Mojtaba Rezaeian, Mar 16 '16 at 07:00
look at http://stackoverflow.com/questions/503093/how-can-i-make-a-page-redirect-using-jquery/25537534#25537534 — Patrick W. McMahon, Apr 20 '16 at 20:30
^ Clever way of making your third-page question look like the accepted answer, which has 8800 upvotes. — coreyward, Jun 13 '16 at 18:10

Walialu · Accepted Answer · 2020-09-21T17:08:42.253

62

<script>
    setTimeout(function(){
        window.location.href = 'form2.html';
    }, 5000);
</script>

And for home page add only '/'

<script>
    setTimeout(function(){
        window.location.href = '/';
    }, 5000);
</script>

edited Sep 21 '20 at 17:08

answered Mar 30 '13 at 14:43

Walialu

score 20 · Answer 2 · edited Jan 09 '17 at 00:19

20

<meta http-equiv="refresh" content="5;URL='form2.html'">

edited Jan 09 '17 at 00:19

Kyll

answered Mar 30 '13 at 14:43

Majid Fouladpour

mehdi · Answer 3 · 2017-06-07T11:11:28.060

17

use this JavaScript code:

<script>
    setTimeout(function(){
       window.location.href = 'form2.html';
    }, 5000);
</script>

edited Jun 07 '17 at 11:11

answered Mar 30 '13 at 14:45

mehdi

score 1 · Answer 4 · answered Mar 30 '13 at 14:45

1

Use Javascript's setTimeout:

<body onload="setTimeout(function(){window.location = 'form2.html';}, 5000)">

answered Mar 30 '13 at 14:45

Fleming Slone

4 Answers4