Affiche l'heure en temps réel sur son site

Partager sur Facebook Partager sur X Partager sur Reddit Partager sur LinkedIn Partager sur Pinterest

      Information sur le code

Afficher l'heure de votre serveur sur votre site internet. 

Ce n'est pas l'heure du support (ordi, tablette, windows, linux...) sur lequel se fait la lecture de l'heure qui sera prise en compte mais l'heure de votre serveur.


  31 Juil 2005

  Code Source à télécharger

Information sur les mises à jour

Dernière mise à jour :

06 Sept 2019
fonctionnement du code vérifié

21 Jan 2026
fonctionnement du code vérifié en PHP 8

69 404  vues
Compatibilité du code
PHP 5, PHP 7 et PHP 8
    Démo en ligne  

 
01
02
03
04
05
06
07
08
09
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
                    

                    

                    
<?php
/*------------------------------*/
/*
 Titre : Affiche l'heure en temps réel sur son site                                                                    
                                                                                                                          
 Date édition     : 31 Juil 2005                                                                                       
 Date mise a jour : 06 Sept 2019
                                                                                         
 Rapport de la maj:                                                                                                       
  - fonctionnement du code vérifié                                                                                  
 Date mise a jour : 21 Jan 2026
                                                                                          
 Rapport de la maj:                                                                                                       
  - fonctionnement du code vérifié en PHP 8                                                                         
*/
/*------------------------------*/?>
    <!--  Code à  placer dans la partie HEAD  -->

    <head>

    <?php
    // Récupère l'heure du serveur

       $localtime = localtime();

       $seconde =  $localtime[0];
       $minute =  $localtime[1];
       $heure =  $localtime[2];

    ?>

    <script>
          
          bcle=0;

          function clock()
          {
            if (bcle == 0)
            {
              heure = <?php echo $heure ?>;
              min = <?php echo $minute ?>;
              sec = <?php echo $seconde ?>;
            }
            else
            {
              sec ++;
              if (sec == 60)
              {
                sec=0;
                min++;
                if (min == 60)
                {
                  min=0;
                  heure++;
                };
              };
            };
            txt="";
            if(heure < 10)
            {
              txt += "0";
            }
            txt += heure+ ":";
            if(min < 10)
            {
              txt += "0"
            }
            txt += min + ":";
            if(sec < 10)
            {
              txt += "0"
            }
            txt += sec ;
            timer = setTimeout("clock()",1000);
            bcle ++;
            document.clock.date.value = txt ;
          }
    </script>


    <style type="text/css">
    form{
        display:inline;
    }
    .style {border-width: 0;background-color:#005A7B;color: #F2f2f2;}
    </style>

    </head>




    <!--  Charge la fonction dans le corps de la page  -->
    <body onLoad="clock()">

    <!--  Affiche l'heure  -->
    <form name="clock" onSubmit="0">
    <input type="text" name="date" size="5" readonly="true" class="style">
    </form>
<?php
/*------------------------------*/
/*
Titre : Affiche l'heure en temps réel sur son site

Date édition : 31 Juil 2005
Date mise a jour : 06 Sept 2019

Rapport de la maj:
- fonctionnement du code vérifié
Date mise a jour : 21 Jan 2026

Rapport de la maj:
- fonctionnement du code vérifié en PHP 8
*/
/*------------------------------*/?>
<!-- Code à  placer dans la partie HEAD -->

<head>

<?php
// Récupère l'heure du serveur

$localtime = localtime();

$seconde = $localtime[0];
$minute = $localtime[1];
$heure = $localtime[2];

?>

<script>

bcle=0;

function clock()
{
if (bcle == 0)
{
heure = <?php echo $heure ?>;
min = <?php echo $minute ?>;
sec = <?php echo $seconde ?>;
}
else
{
sec ++;
if (sec == 60)
{
sec=0;
min++;
if (min == 60)
{
min=0;
heure++;
};
};
};
txt="";
if(heure < 10)
{
txt += "0";
}
txt += heure+ ":";
if(min < 10)
{
txt += "0"
}
txt += min + ":";
if(sec < 10)
{
txt += "0"
}
txt += sec ;
timer = setTimeout("clock()",1000);
bcle ++;
document.clock.date.value = txt ;
}
</script>


<style type="text/css">
form{
display:inline;
}
.style {border-width: 0;background-color:#005A7B;color: #F2f2f2;}
</style>

</head>




<!-- Charge la fonction dans le corps de la page -->
<body onLoad="clock()">

<!-- Affiche l'heure -->
<form name="clock" onSubmit="0">
<input type="text" name="date" size="5" readonly="true" class="style">
</form>

      Fonctions du code - Doc officielle PHP

   php.net  
Description
 Versions PHP
    echo
Affiche une chaîne de caractères
PHP 4, 5, 7 et 8
    localtime
Récupère l'heure locale
PHP 4, 5, 7 et 8

[13]

  • avatar

    Invité

    05 Déc 2022 à 23:26

    Merci  pour vos efforts, c'est vraiment gentil

  • avatar

    Invité

    22 Août 2013 à 06:11

    date_default_timezone_set ('Europe/Paris');
    devrais mieux fonctionner

  • avatar

    Invité

    09 Jan 2013 à 12:14

    parfait par contre changer l'utf

  • avatar

    Invité

    30 Déc 2012 à 18:03

     date_default_timezone_set ("Europe/Paris"); putain sa marche vraiment pa s

  • avatar

    Invité

    30 Déc 2012 à 18:02

     date_default_timezone_set ("Europe/Paris"); sa marche pas chez moi

  • avatar

    Invité

    12 Oct 2012 à 23:53

    Bonjour, comment n'afficher les minutes? Merci 

  • avatar

    Invité

    24 Fév 2012 à 14:11

    Bonjour, comment n'afficher que l'heure et les minutes? Merci

  • avatar

    Invité

    13 Fév 2011 à 15:01

    Merci pour ce script. Pour te remercier, voici ma contribution : la fonction que tu as faite mais un peu plus optimiser au niveau compression; bien sûr on peut encore mieux faire !        function clock(){
            var t='';if(!document.clock.date.value){h=<?php echo $heure ?>;m=<?php echo $minute ?>;s=<?php echo $seconde ?>;}else{s++;if(s%60==0){s=0;m++;if(m%60==0){m=0;h++;if(h%24==0){h=0;};};};}t+=h<10?'0':'';t+=h+":";t+=m<10?'0':'';t+=m+":";t+=s<10?'0':'';t+=s;document.clock.date.value=t;setTimeout("clock()",1000);
        }

  • avatar

    Invité

    20 Jan 2011 à 14:48

     Bonjour, comment placer l'heure ave le code précédent dans mon "footer" (pied de page) ? 

  • avatar

    Invité

    22 Fév 2010 à 11:42

    L'heure affichée est l'heure du serveur. Tu peux changer la zone horaire pour ton script en insérant :
    date_default_timezone_set("Europe/Paris");

    avant
    $localtime = localtime();

    Le Script suivant affiche l'heure et la date locale (celle du browser), et non pas l'heure du serveur. Un chinois verra l'heure de Chine s'il se connecte au site.
    <HTML>

    <HEAD>

    <SCRIPT>
    function clock() {
        var days = ["Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi", "Dimanche"];
        var months = ["janvier", "février", "mars", "avril", "mai", "juin", "juillet", "aout", "septembre", "octobre", "novembre", "décembre"];
        localTime     = new Date();
        date      = localTime.getDate();
        day       = localTime.getDay();
        full_year = localTime.getFullYear();
        hours     = localTime.getHours();
        minutes   = localTime.getMinutes();
        month     = localTime.getMonth();
        seconds   = localTime.getSeconds();
        value     = "";
        if (hours < 10) {
            hours = "0" + hours;
        }
        if (minutes < 10) {
            minutes = "0" + minutes;
        }
        if (seconds < 10) {
            seconds = "0" + seconds;
        }
        value = days[day] + " " + date + " " + months[month] + " " + full_year + " " + hours + ":" + minutes + ":" + seconds;
       
        document.clock.date.value = value ;
       
        setTimeout(clock,1000);
    }
    </SCRIPT>


    <STYLE TYPE="text/css">
    form{
        display:inline;
    }
    .style {border-width: 0;background-color:#005A7B;color: #F2f2f2;}
    </STYLE>

    </HEAD>

    <!--  Charge la fonction dans le corps de la page  -->
    <BODY onLoad="clock()">

    <!--  Affiche l'heure  -->
    <form name="clock" onSubmit="0">
    <input type="text" name="date" size="64" readonly="true" class="style">
    </form>

    </BODY>
    </HTML>

  • avatar

    Invité

    07 Fév 2009 à 16:39

    Bonjour, j'ai utilisé le script mais j'ai 14 minutes de différence avec mon pc... Un peu bizarre ! J'ai donc retranché ces 14 minutes pour avoir l'heure exacte. Est ce que le problème peut venir de l'heure système et non de l'indicateur situé en bas à droite sur windows ???

  • avatar

    Invité

    14 Jan 2009 à 20:42

    Bonne idée de combiner js et php : Le php ne permet pas à lui seul d'obtenir une heure dynamique, le javascript ne tient compte que de l'heure du pc client, qui peut être fausse.
    En combinant les deux langages, on obtient une heure juste à quelques secondes près (le temps de chargement peut faire perdre quelques secondes).
    En revanche il aurait été préférable d'afficher l'heure dans un texte plutôt qu'un formulaire.

  • avatar

    Delta-iota

    26 Oct 2005 à 16:35

    concept très interressant, ce melange de langages prouve une pure maitrise...

Minimum 10 mots. Votre commentaire sera visible après validation.


 Autres snippets qui pourraient vous intéresser

28 Août 2019  

31 Juil 2005 

Calculer le temps restant ou le temps écoulé

Compatibilité : PHP 5, PHP 7, PHP 8

Calcul le temps restant avant une date (j,h,m). Ou si la date est déjà passé calcul alors le temps écoulé.

22 Mars 2026  

31 Juil 2005 

Afficher la date et l'heure dynamiquement

Compatibilité : PHP 5, PHP 7, PHP 8

Utilisation de Jquery pour afficher l'heure de manière dynamique sur votre site. Le même système peut-être repris pour afficher des infos.

* Requêtes exécutées avec Recherche Contextuelle

  Les derniers scripts PHP / MySQL

PmWiki 2.5.9

logo PmWiki
Langue langue fr
Date  hier
Taille 0.68 Mo
Catégorie Wiki

CubeCart 6.6.2

logo CubeCart
Langue langue en
Date 16 Avril 2026
Taille 16 Mo
Catégorie Ecommerce

Magepattern 1.1

logo Magepattern
Langue langue fr
Date 15 Avril 2026
Taille 6 Mo
Catégorie CMS

PHP 8.5.5

logo PHP
Langue langue us
Date 12 Avril 2026
Taille 32 Mo
Catégorie PHP

PHP 8.4.20

logo PHP
Langue langue us
Date 12 Avril 2026
Taille 30 Mo
Catégorie PHP

Serendipity 2.6.0

logo Serendipity
Langue langue fr
Date 11 Avril 2026
Taille 15 Mo
Catégorie Blogs

  31 Juil 2005

  SOURCE

Information sur les mises à jour

Dernière mise à jour :

06 Sept 2019
fonctionnement du code vérifié

21 Jan 2026
fonctionnement du code vérifié en PHP 8

69 404 Vues
Compatibilité du code
PHP 5, PHP 7, PHP 8
11 codes

Catégorie :  Applications

Affiche l'heure en temps réel sur son site
Affiche la citation du jour sur votre site
Calculatrice en PHP + HTML + CSS avec 6 opérateurs
Compte à rebours en JavaScript et PHP
Limite en PHP la vitesse de download
Savoir si plusieurs Nom de Domaines sont réservés
Savoir si un Nom de domaine est réservé avec le WHOIS
Vérifie l'existence d'un lien dans une page cible
Vérifie la disponibilité de Nom De Domaine
Vérifie librement la disponibilité d'un Nom De Domaine.
[PHP/SQL] Script de pagination (un modèle)

Catégories générales

Applications  [ 11 ]
Banque de données  [ 18 ]
Chaines de caractères  [ 58 ]
Classes  [ 21 ]
Constantes  [ 4 ]
Convertisseurs  [ 12 ]
Cookies  [ 4 ]
Dates - Heures  [ 52 ]
Divers  [ 19 ]
Mail - Emailing  [ 14 ]
Fichiers-répertoires  [ 53 ]
Fonctions  [ 13 ]
Formulaires  [ 13 ]
FTP  [ 16 ]
.HTACCESS  [ 58 ]
.HTACCESS ANTI HACK  [ 26 ]
HTML  [ 13 ]
Images - Graphisme  [ 54 ]
Jeux  [ 3 ]
Mathématiques  [ 46 ]
MySQL  [ 23 ]
MySQLi  [ 19 ]
Navigateurs  [ 5 ]
Page par Page  [ 5 ]
Prestashop  [ 4 ]
Recherches  [ 6 ]
Regex  [ 14 ]
Sécurité  [ 24 ]
SEO - Référencement  [ 13 ]
Sessions  [ 8 ]
SQL Tricks  [ 6 ]
Statistiques  [ 7 ]
Système  [ 12 ]
Tableaux - Array  [ 34 ]
Tag Cloud  [ 4 ]
URL - Liens  [ 25 ]
Variables  [ 9 ]
Vérificateurs  [ 8 ]
Wordpress  [ 8 ]
X  [ 5 ]
XML  [ 4 ]