Bonjour,

Je débute en javascript, et je suis en train de créer ma première page internet qui fait appel à des fonctions javascript pour modifier aléatoirement, à chaque actualisation de la page, les valeurs affichées (que ce soit du texte ou des images). J'ai mis toutes les fonctions dans un fichier js à part (de même que le CSS).

J'ai pour l'instant réussi à obtenir ce que je voulais concernant les images et le texte, en revanche je bloque sur l'heure.
J'ai retiré de mon code tout ce qui ne concernait pas ce problème pour essayer d'y voir un peu plus clair, mais je n'arrive pas à trouver ce qui bloque.

Je veux que cela affiche dans le header la date et l'heure actuelles, au format français : ça fonctionne.
Mais j'ai ensuite besoin que cela affiche une période de 24 heures, en affichant l'heure actuelle moins 24h, suivie de l'heure actuelle. Et là, rien ne s'affiche...

Voici mon html :
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
<!DOCTYPE html> 
<html> 
 
    <head> 
        <meta charset="utf-8">
        <link href="stylesdebog.css" rel="stylesheet"> 
        <link href="https://fonts.googleapis.com/css2?family=Crete+Round" rel="stylesheet"> 
        <script type="text/javascript" src="fonctionsjsdebog.js"></script>
        <title>test debug</title>
    </head>
 
    <body>
        <header>
            <div class="wrapper">
                <h1> Heure actuelle<br>
                    <div id="dateheure">
                        <script type="text/javascript">
                            window.onload = date_heure('dateheure'); // date heure au moment du rafraîchissement de la page
                        </script>
                    </div>
                </h1>
            </div>
        </header>
 
        <section id="tflasthours">
             <div class="wrapper">
                <h1>24 dernières heures
                 <article>     
                    <div id="dateheurecorps">
                        <script type="text/javascript">
                            window.onload = date_heure('dateheurecorps'); // date heure au moment du rafraîchissement de la page mais ne s'affiche pas !
                        </script>
                    </div>
                    <div id="tfhours">
                        <script type="text/javascript">
                            window.onload = date_heure_tf('tfhours'); // // date heure moins 24 heures au moment du rafraîchissement de la page mais ne s'affiche pas !
                        </script>
                    </div>
                 </article>
                 </h1>
        </div>
        </section>
  </body>
</html>

voici mon fichier js :
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
17
18
19
window.addEventListener("load",function date_heure(dateheure)
{
        var dateheure = document.getElementById("dateheure")
        var date = new Date;
        dateheure.innerHTML = date.toLocaleString();
        //alert(date);
        return true;
});
 
function date_heure_tf(tfhours)
{
        var tfhours = document.getElementById("tfhours")
        dateprev = date;
        alert(dateprev);
        //dateprev = dateprev.setHours(dateprev.getHours()-24);
        //alert(dateprev);
    tfhours.innerHTML = dateprev.toLocaleString();
        return true;
}
Le CSS est inutile, j'ai le même problème avec ou sans mise en forme (ce n'est donc pas un problème d'affichage hors fenêtre).

Comme vous pouvez voir, j'ai essayé de modifier le début de la première fonction (j'ai vu ceci sur un autre post de ce forum), mais cela n'a rien changé. Je n'ai toujours rien d'affiché après "24 dernières heures". Et la fonction date_heure qui s'affiche bien une première fois ne s'affiche pas une deuxième fois.

Il est fort probable que j'aie fait une grossière erreur de débutante, mais je n'arrive pas à la voir !

Si quelqu'un a une idée, je suis preneuse de tout conseil !

Merci d'avance et bonne journée !