How to refresh a HTML page once, automatically

Question

This script refreshes the page manually and automaatically every 5 seconds. How can i make the page to reload the page automatically just once after 5 seconds.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>Refresh or Reload a Page Using JQuery</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    </head>
    <body>
        <div><input id="btReload" type="button" value="Reload Page" /></div>
    </body>
    <script type="text/javascript">
        $(document).ready(function() {
            $('#btReload').click(function() { location.reload(true); });    // RELOAD PAGE ON BUTTON CLICK EVENT.

            // SET AUTOMATIC PAGE RELOAD TIME TO 5000 MILISECONDS (5 SECONDS).
            setInterval('refreshPage()', 5000);
        });
        function refreshPage() { location.reload(); }
    </script>
    </html>

score 1 · Answer 1 · answered Apr 09 '14 at 22:03

use setTimeout instead of setInterval, same syntax

    <script type="text/javascript">
    $(document).ready(function() {
        $('#btReload').click(function() { location.reload(true); });   

        // SET AUTOMATIC PAGE RELOAD TIME TO 5000 MILISECONDS (5 SECONDS).
        setTimeout('refreshPage()', 5000);
    });
    function refreshPage() { location.reload(); }

score 1 · Answer 2 · answered Apr 09 '14 at 22:04

1

Perform the following modification:

var timerId = setInterval('refreshPage()', 5000);

And change the refreshPage function.

function refreshPage() { clearInterval(timerId); location.reload(); }

answered Apr 09 '14 at 22:04

Alfonso Jiménez

1,235
1
13
24

score 0 · Answer 3 · answered Apr 09 '14 at 22:15

$(document).ready(function () {
$('#btReload').click(function () { location.reload(true); });    // Manual

TimeSet(); // Auto Once});

function TimeSet() {
setTimeout(function () {
    // Do something after 5 seconds
    Refresh()
}, 5000);}

function Refresh() {
location.reload();}

How to refresh a HTML page once, automatically

3 Answers3