Ajax / Javascript - Refresh one time only

Question

How can i refresh this page one time only not repeating

    function timedRefresh(timeoutPeriod) {
  setTimeout("location.reload(false);",timeoutPeriod);
}

window.onload = timedRefresh(3000);

document.getElementById('myModal').style.display='block';

you can use location.reload(); to refresh the page on Ajax success. — onkar.v
– onkar.v, Commented Dec 27, 2018 at 7:27
@onkar.v no, that is not what i meant, please read my problem above again sir, i want to refresh specific pages not the same page — user10701881
– user10701881, Commented Dec 27, 2018 at 7:30

Naeem Aqab Ur Rehman · Accepted Answer · 2018-12-27 13:50:22Z

1

int refresh=0;  

function timedRefresh(timeoutPeriod) {
  setTimeout("location.reload(false);",timeoutPeriod);
  refresh=1;
}

if(refresh==0){
window.onload = timedRefresh(3000);
}


document.getElementById('myModal').style.display='block';

you can add a flag boolean or integer to check if page is loaded or not

answered Dec 27, 2018 at 13:50

Naeem Aqab Ur Rehman

272 silver badges8 bronze badges

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

Comments

apokryfos · Accepted Answer · 2018-12-27 13:56:15Z

0

The problem is that you reload the exact same page so with no way to persist the fact that you already ran that code it will just run it again. The old-fashioned way of doing this was using cookies:

function timedRefreshIfNoCookie(timeoutPeriod, cookieName) {
    var cookies = document.cookie;
    if (cookies.indexOf(' '+cookieName+'=1;') < 0) {
        document.cookie = cookieName+'=1';
        setTimeout(function () {
            location.reload();
        }, timeoutPeriod);
    }
}
window.onload = function() {
    timedRefreshIfNoCookie(3000, 'refreshed');
}    
document.getElementById('myModal').style.display='block';

You can probably use something a bit better like local storage or a cookie library to work with cookies more easily.

answered Dec 27, 2018 at 13:56

apokryfos

40.9k11 gold badges85 silver badges128 bronze badges

3 Comments

user10701881 Over a year ago

hey sir thanks it worked ! but one last problem is why the page is refreshin every like 3 seconds? can we just remove that refresh because it refresh everytime my pc lags :(

user10701881 Over a year ago

i mean let's just hide that refresh but tho even if it is hide the page will still refresh

apokryfos Over a year ago

The page should just refresh once after 3 seconds and then not refresh again. Is this not working?

onkar.v · Accepted Answer · 2018-12-27 07:31:10Z

0

you can refresh the page by using PHP

header('Refresh: 0; url=page1.php');

To refresh the current page, you can use -

header("Refresh:0");

answered Dec 27, 2018 at 7:31

onkar.v

1359 bronze badges

1 Comment

Zeljka Over a year ago

you cant use header in javascript, its php function

score 0 · Accepted Answer · 2018-12-27 14:51:54Z

0

Although Zeljka's linked answer is future proof, if you already use hashes for navigation it might better to use performance.navigation.type.

window.onload = function() {
    if(performance.navigation.type != 1) {
       timedRefresh(3000);
    }
}

function timedRefresh(time) {
    setTimeout(function() {
        location.reload()
    }, time);
}

Note that the NavigationType is depreciated, but looks like the new spec will have an equivalent when it arrives.

edited Dec 27, 2018 at 14:51

answered Dec 27, 2018 at 13:38

user10839153

Collectives™ on Stack Overflow

Ajax / Javascript - Refresh one time only

4 Answers 4

Comments

3 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related