Refresh a webpage just once after 5 seconds

Question

I'm looking for a JavaScript solution (or whatever else) that will refresh a webpage ONLY once, after 5 seconds it has been opened. Is this possible without being stuck in a refresh loop?

score 3 · Answer 1 · edited Jun 09 '15 at 09:42

3

try this:

setTimeout(function ()
    {
        if (self.name != '_refreshed_'){
        self.name = '_refreshed_';
        self.location.reload(true);
    } else {
        self.name = ''; 
    }
    }, 5000);

edited Jun 09 '15 at 09:42

Infinite Recursion

6,511
28
39
51

answered Mar 20 '13 at 13:25

Homa

3,417
2
19
24

score 2 · Answer 2 · answered Nov 21 '11 at 18:40

You could do this in many different ways, but I think the easiest would be to add a query string to the url after the refresh, allowing us to tell if the refresh has already occurred:

//Function to get query string value. Source: http://www.bloggingdeveloper.com/post/JavaScript-QueryString-ParseGet-QueryString-with-Client-Side-JavaScript.aspx
function getQuerystring(key, default_){
  if (default_==null) default_=""; 
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}

//check if our query string is already set:
if(getQuerystring(r) !== 1){
  setTimeout(function(){window.location.href = window.location.href + '?r=1'},5000)
}

If there is the possibility that a query string is already present, you will have to account for that and change the '?' to an '&'.

Matt Ball · Answer 3 · 2011-11-21T18:40:51.720

You just need to pass some sort of data between page loads. This can be done in a multitude of ways — use a cookie, a URL query parameter, or something on the server side. Query parameter example:

if (!location.search.match(/(\?|&|^)stopRefreshing(=|&|$)/))
{
    setTimeout(function ()
    {
        var search = location.search;
        location.search = search ? search + '&stopRefreshing' : 'stopRefreshing';
    }, 5000);
}

Demo: http://jsbin.com/ofawuz/edit

score 0 · Answer 4 · edited May 23 '17 at 10:27

Sure, if you don't mind using jquery you can do it via an ajax call after waiting 5 seconds. Just throwing you some sample code:

How to wait 5 seconds with jQuery?

$(document).ready(function() {

        // Get data
        $.ajax({
            url : '/tommyStockExchange/Data',
            dataType : 'html',
            data : {
                'format' : 'H',
                'type' : 'E'
            },
            success : function(data) {
                $("#executions").html(data);
            },
            statusCode : {
                404 : function() {
                    alert('executions url 404 :(');
                }
            }

        });

    });

This neither refreshes the page, nor has anything to do with avoiding a refresh loop. -1 — Matt Ball, Nov 21 '11 at 18:30

score 0 · Answer 5 · answered Nov 21 '11 at 18:32

0

Make it redirect to the same page with a different #hash and in JS only register the redirect if the hash isn't set.

answered Nov 21 '11 at 18:32

Ming

1,613
12
27

Refresh a webpage just once after 5 seconds

5 Answers5

Demo: http://jsbin.com/ofawuz/edit