[Résolu] Rafraichir la page une seule fois.

Il ne faut pas juste trouver des bouts de code par ci par la, il faut comprendre ce que ça fait, et le mieux pour ça c'est souvent de lire la doc : https://developer.mozilla.org/fr/docs/Web/API/WindowTimers/setInterval
Du coup l'idée de setInterval c'est que cela répète une fonction à intervalle régulier et manifestement tu ne veux pas que cela se répète, du coup ce n'est sans doute pas la bonne fonction pour toi
Mais vu qu'il existe aussi la fonction setTimeout : https://developer.mozilla.org/fr/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout qui va te permettre de faire un appel unique à ta fonction au bout d'un certain temps, cela me semble plus collé à ton besoin d'où ma proposition d'autre fonction.
Du coup un autre exemple avec un setTimeout : https://jsfiddle.net/3e579rhu/

mais pourquoi tu veux rafraichir ? Cela n'a pas de sens d'afficher une page pour vouloir ré-afficher exactement la même page une seconde plus tard.

Mathieuu a écrit :
...
Mais vu qu'il existe aussi la fonction setTimeout : https://developer.mozilla.org/fr/docs/Web/API/WindowOrWorkerGlobalScope/setTimeout qui va te permettre de faire un appel unique à ta fonction au bout d'un certain temps, cela me semble plus collé à ton besoin d'où ma proposition d'autre fonction.
Du coup un autre exemple avec un setTimeout : https://jsfiddle.net/3e579rhu/

Hello,
Suite à tes conseils, j'avais recherché la différence entre setInterval et setTimeout.
Ce que j'ai également compris, c'est que le #PR est in identifiant de balise, du coup je me rends compte que je n'en ai pas besoin.
Pour rappel, ce que je veux faire c'est recharger la page au bout d'une seconde.
J'ai essayé avec cet autre script mais ça fait tourner le code en boucle :

function timedRefresh() {
    if(document.cookie == ""){ 
        var date = new Date();
        date.setTime(date.getTime()+(0.8*1000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = "rafraichir=non;"+expires+"; path=/index.php"; 
        setTimeout(function(){ location.reload(true); }, 800); 
    }
}

Dans l'ensemble je crois comprendre comment ça marche mais je ne vois pas en quoi je me trompe. Un petit coup de main supplémentaire ?

Merci
Modifié par cevichero (01 Mar 2020 - 04:32)

cevichero a écrit :


Hello,
Suite à tes conseils, j'avais recherché la différence entre setInterval et setTimeout.
Ce que j'ai également compris, c'est que le #PR est in identifiant de balise, du coup je me rends compte que je n'en ai pas besoin.
Pour rappel, ce que je veux faire c'est recharger la page au bout d'une seconde.
J'ai essayé avec cet autre script mais ça fait tourner le code en boucle :

function timedRefresh() {
    if(document.cookie == ""){ 
        var date = new Date();
        date.setTime(date.getTime()+(0.8*1000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = "rafraichir=non;"+expires+"; path=/index.php"; 
        setTimeout(function(){ location.reload(true); }, 800); 
    }
}

Dans l'ensemble je crois comprendre comment ça marche mais je ne vois pas en quoi je me trompe. Un petit coup de main supplémentaire ?

Merci

Ah mais pour le coup ça change tout
Quand tu utilisais #PR pour changer seulement un bout de ta page, la page entière ne se rafraîchit pas et du coup l'utilisation du setTimeout est assez simple.

a écrit :

Ce que je cherche à faire :
Que la page se rafraichisse d'elle-même une seule fois après 1 seconde par exemple.
Si le visiteur rafraîchit la page ou change de langue (par exemple), idem.

Je pige toujours pas ce que tu veux faire, mais pour le coup ça me semble foireux car tu ne vas pas pouvoir distinguer si c'est toi qui rafraîchit la page avec ton script ou l'utilisateur qui le fait.

A priori ça va donner un truc comme ça : https://jsfiddle.net/dn1bpr7x/

C'est 100% foireux mais ça aura pas été faute d'insister

Mathieuu a écrit :
Ah mais pour le coup ça change tout
...
Je pige toujours pas ce que tu veux faire, mais pour le coup ça me semble foireux car tu ne vas pas pouvoir distinguer si c'est toi qui rafraîchit la page avec ton script ou l'utilisateur qui le fait.
A priori ça va donner un truc comme ça : https://jsfiddle.net/dn1bpr7x/

J'avais mal exposé mon problème, sorry... En tout cas, ce n'est pas grave si je ne sais pas si la page est rechargée par l'utilisateur ou par le script. Du moment qu'elle est rechargée
J'ai un peu modifié le script afin de détecter dans quelle page on se trouve. Mais le problème persiste (le script n'entre pas dans le IF) :

function timedRefresh() {
    var CheminComplet = document.location.href;
    if(document.cookie == ""){ // s'il n'existe pas on le crée
        alert("OK");
        var date = new Date();
        date.setTime(date.getTime()+(0.8*1000));
        var expires = "; expires="+date.toGMTString();
        document.cookie = "rafraichir=non;"+expires+"; path="+CheminComplet+""; 
        setTimeout(function(){ location.reload(true); }, 800); 
    }
}

Tu as une idée d'où peut venir l'erreur/problème ?
merci
Modifié par cevichero (03 Mar 2020 - 08:06)

Mathieuu a écrit :
C'est sans doute que ton document.cookie n'est pas vide (Tu dois pouvoir regarder ça dans la console sans trop de difficulté)
Sinon tu peux utiliser les 2 fonctions getCookie et setCookie que j'avais utilisé dans l'exemple de mon précédant message (pour rappel : https://jsfiddle.net/dn1bpr7x/ )

Salut,
Tu as raison pour le document.cookie, j'ai regardé dans la console et en effet il n'était pas vide ^^

En utilisant tes recos du précédent message, voici ce que cela donne :

function timedRefresh() {

function setCookie(cname, cvalue, nbsecondes) {
  var d = new Date();
  d.setTime(d.getTime() + (nbsecondes*1000));
  var expires = "expires="+ d.toUTCString();
  document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}

function getCookie(cname) {
  var name = cname + "=";
  var decodedCookie = decodeURIComponent(document.cookie);
  var ca = decodedCookie.split(';');
  //return "";
  return c.substring(name.length, c.length);
}

setTimeout(function(){
  //on crée le cookie.
  console.log("le cookie n'existe pas");
    setCookie("nom", "valeur", 3);
  //on rafraichit la page
  location.reload(true);
  }, 1000); 

}

Mais idem, la page se rafraichit sans arrêt.
Je crois comprendre que je n'appelle pas la fonction getCookie... mais à partir d'où et comment ?

Sinon pour en revenir a ton setInterval a transformé en setTimeOut , tu peut injecter un paramètre dans la page rafraichie et tester celui-ci .

Le navigateur n'aura pas souvenir d'avoir déjà rechargé la page à sa prochaine visite, si cela t'importe, alors il te faut rester sur l'idée des cookies/session ou éventuellement localStorage()

function getUrlVars() {
  var vars = {};
  var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(
    m,
    key,
    value
  ) {
    vars[key] = value;
  });
  return vars;
}
var mytest = getUrlVars()["test"];
if (!mytest) {
  setTimeout(function() {
    window.location = window.location + "?&test=stop";// il faut y mettre une valeur, stop va bien mais  autrechose aussi  */* ?& => si il y a déjà d'autre variable dans l'url 
  }, 1000);
}

Modifié par gcyrillus (04 Mar 2020 - 12:34)

salut cevichero j'aimerai savoir comment tu a fait pour que se bout de code fonctionne

function getUrlVars() {
var vars = {};
var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(
m,
key,
value
) {
vars = value;
});
return vars;
}
var mytest = getUrlVars()["test"];
if (!mytest) {
setTimeout(function() {
window.location = window.location + "?&test=stop";// il faut y mettre une valeur, stop va bien mais autrechose aussi */* ?& => si il y a déjà d'autre variable dans l'url
}, 1000);
}

merci d'avance