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

Version imprimable

16/04/2023, 11h22
UDSP50

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

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
17/04/2023, 07h22
kevin254kl

Hello

Quand vous dites

Citation:

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é
17/04/2023, 16h34
UDSP50

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

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:

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>

30/04/2023, 18h09
NoSmoking
Bonjour,
Citation:
Code:

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
01/05/2023, 09h57
UDSP50

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

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

Code:

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>

03/05/2023, 15h01
SpaceFrog

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

Citation:

Envoyé par UDSP50

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

il ne faut pas que cela devienne une fatalité ;)

Citation:

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 :mrgreen:
Code:

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:

if (millisTillMidnight < 0) {

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

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 :calim2:

Citation:

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 :mouarf:

J'aurais fait quelque chose comme :
Code:

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 ».

03/05/2023, 19h31
Archimède

Pour le delay, c'est vrai que ce n'est pas très judicieux...je reconnais :D mais apparemment, ça peut passer:
https://stackoverflow.com/questions/...or-setinterval