Rafraichir la page tous les jours à la même heure

**UDSP50** · 16/04/2023, 11h22

Bonjour à toutes et à tous.

Bon comme je suis nul en JS, malgré avoir cherché longuement, je n'arrive pas à trouver comment faire.

Je pense et je dis bien je pense qu'il n'y à qu'en JavaScript que je peux y arriver

Donc pouvez vous m'aider ?

Voilà quelqu'un sait il comment je peux rafraichir tous les jours à minuit "0:00" ma page ?

Ma page est une page qui est ouverte tout le temps, c'est pour cela que j'ai besoin de ce rafraichissement

Encore merci à vous de vous arrêter sur mon problème

**kevin254kl** · 17/04/2023, 07h22

Hello

Quand vous dites

Ma page est une page qui est ouverte tout le temps, c'est pour cela que j'ai besoin de ce rafraichissement

Vous voulez dire que votre page est dans le navigateur, utilisé uniquement par vous et jamais reload c'est bien ca ?

Pour ça il y a ma fonction qui va s'exécuter à des intervalles réguliers, à vous ensuite de filtrer sur l'heure, la date pour lancer votre fonction ou non https://www.w3schools.com/jsref/met_win_setinterval.asp

Sinon il y a un package pour gérer ca sous forme de cron https://www.npmjs.com/package/cron jamais testé

**UDSP50** · 17/04/2023, 16h34

En fait la page est loadée à n'importe quelle heure et affichée mais quoi qu'il arrive je souhaite que meme si cela fait 15h ou 20 minutes qu'elle est ouverte qu'elle s'actualise a minuit

Je vais regarder ton lien

merci

**UDSP50** · 30/04/2023, 09h18

Bonjour à tous,

je reviens sur mon souci de rafraichissement de page a heure fixe.

Voila ce que j'ai essayé de faire mais, ca ne rafraichi toujours pas

Pourriez vous m'éclairer

Merci à vous

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
 
 
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
 
 
    <script type="text/javascript">
        function horloge() {
            var tt = new Date().toLocaleTimeString();// hh:mm:ss
 
 
            document.getElementById("timer").innerHTML = tt;
            setTimeout(horloge, 1000); // mise à jour du contenu "timer" toutes les secondes
        }
    </script>
 
 
 
 
    <style type="text/css">
        <!--
        #timer {
            position: absolute;
            left: 1px;
            top: 1px;
            background-color: red;
            color: white;
            font-weight: bold;
            padding: 5px 10px;
            border: 3px groove;
        }
 
 
        -->
    </style>
 
 
</head>
<body onload="horloge()">
 
 
 
    <div id="timer"></div>
 
 
        <script type="text/javascript">
 
 
            function reFresh() {
                location.reload(true)
            }
 
 
            if (timer > 9: 07: 59 && time < 9: 08: 01) {
                window.location.reload()
            }
 
 
        </script>
 
 
</body>
</html>

**NoSmoking** · 30/04/2023, 18h09

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
if (timer > 9: 07: 59 && time < 9: 08: 01) {
   window.location.reload()
}

d'où sors-tu cette « syntaxe » ?

Regaerde ce que dit la console via la touche F12

**UDSP50** · 01/05/2023, 09h57

elle sort de nul part lol c'est justement ce que j'essai de mettre en place mais n'y connaissant rien en JS bien évidement ca ressemble à rien

**Archimède** · 02/05/2023, 21h10

Tu as essayé le code de chatGPT...C'est souvent surprenant. Après je n'ai pas testé celui-ci :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
 
// Fonction pour rafraîchir la page
function refreshPage() {
  location.reload();
}
 
// Temps jusqu'à minuit
const now = new Date();
let millisTillMidnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 24, 0, 0, 0) - now;
if (millisTillMidnight < 0) {
  millisTillMidnight += 86400000; // il est après minuit, attendre jusqu'au prochain jour
}
 
// Planifie le rafraîchissement de la page à minuit
setTimeout(function() {
  setInterval(refreshPage, 86400000); // 86400000 millisecondes = 24 heures
}, millisTillMidnight);
    </script>
</body>
</html>

**SpaceFrog** · 03/05/2023, 15h01

A noter que ces solutions sont basées sur l'heure client ... avec la possibilité de la modifier assez facilement

**NoSmoking** · 03/05/2023, 19h02

Envoyé par UDSP50

... mais n'y connaissant rien en JS bien évidement ca ressemble à rien

il ne faut pas que cela devienne une fatalité

Envoyé par Archimède

Tu as essayé le code de chatGPT...C'est souvent surprenant.

Je confirme, c'est surprenant, tu as testé la version 0.0

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
// Temps jusqu'à minuit
const now = new Date();
let millisTillMidnight = new Date(now.getFullYear(), now.getMonth(), now.getDate(), 24, 0, 0, 0) - now;

... c'est une façon de faire tout à fait correcte.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

if (millisTillMidnight < 0) {

... peu de chance que cela se produise mais bon, au pire cela s’exécute immédiatement !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
// Planifie le rafraîchissement de la page à minuit
setTimeout(function() {
  setInterval(refreshPage, 86400000); // 86400000 millisecondes = 24 heures
}, millisTillMidnight);

... là cela se gâte, lorsque l'on arrive à minuit, le setTimeout, on lance un appel, le setInterval, pour dans 24 heures

Envoyé par SpaceFrog

... avec la possibilité de la modifier assez facilement

... tout le monde n'est pas aussi vicieux que notre grenouille de l'espace

J'aurais fait quelque chose comme :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
const checkChangeDate = () => {
  // date à l'appel de la fonction
  const msNow = Date.now();
  // récup le date au format aaaa-mm-jj
  const strNow = new Date().toISOString().split(/[T]/)[0];
  // récup prochain minuit au format aaaa-mm-jjT24:00:00
  const dateBound = new Date(strNow + "T" + "24:00:00");
  // delta en milliseconde
  const msDelay = dateBound.getTime() - msNow;
  // lance l'appel
  setTimeout(() => {
    window.location.reload(true);
  }, msDelay);
}
// appel de la fonction
checkChangeDate();

... la précision devrait être suffisante pour « changer une bannière ».

**Archimède** · 03/05/2023, 19h31

Pour le delay, c'est vrai que ce n'est pas très judicieux...je reconnais

mais apparemment, ça peut passer:
https://stackoverflow.com/questions/...or-setinterval

Rafraichir la page tous les jours à la même heure

JavaScript

Discussions similaires

Partager

Partager