Compte à rebours en JavaScript et PHP

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

      Information sur le code

Ce compte a rebour fonctionne sur tout type de navigateur !! Vous voulez dans les dernières 24 heures informer vos visiteurs du temps qu'ils leur reste ? Ce compte a rebour est fait pour vous !!

Que vos données viennent d'une base SQL ou d'un formulaire, j'ai rendu le code portable et
vous devriez vite vous y faire !! 5..4..3..2..1.. et c'est partie !!


A oui !! la démo la voici la voila, j'ai mis exactement le meme script que le code ci dessous.


avatar

KOogar

  01 Fév 2009

  Code Source à télécharger

Information sur les mises à jour

Dernière mise à jour :

19 Août 2019
fonctionnement du code vérifié

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

52 186  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
                    

                    

                    
<?php
/*------------------------------*/
/*
 Titre : Compte a rebours en JavaScript et PHP                                                                            
                                                                                                                          
 Auteur           : KOogar                                                                                                
 Date édition     : 01 Fev 2009                                                                                        
 Date mise a jour : 19 Aout 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                                                                         
*/
/*------------------------------*/
/*******************************************************************************
    * Url DEMO avec les memes parametres ci dessous
    ***************************************************************************/

/*       https://phpsources.net/codes/php/demo/compte-a-rebours             */

/*******************************************************************************
    * A parametrer
    ***************************************************************************/

$heures   = 15;  // les heures < 24
$minutes  = 2;   // les minutes  < 60
$secondes = 22;  // les secondes  < 60

$annee = date("Y");  // par defaut cette année
$mois  = date("m");  // par defaut ce mois
$jour  = date("d");  // par defaut aujourd'hui

// quand le compteur arrive à  0
// -> redirection
$redirection = 'https://phpsources.net/code_s.php?id=493';

/*******************************************************************************
    * calcul des secondes
    ***************************************************************************/

$secondes = mktime(date("H") + $heures,
                            date("i") + $minutes,
                            date("s") + $secondes,
                            $mois,
                            $jour,
                            $annee
                            ) - time();
?>

<html>
<head>
<title>Demo compte a rebour</title>
<script type="text/javascript">
var temps = <?php echo $secondes;?>;
var timer =setInterval('CompteaRebour()',1000);
function CompteaRebour(){

  temps-- ;
  j = parseInt(temps) ;
  h = parseInt(temps/3600) ;
  m = parseInt((temps%3600)/60) ;
  s = parseInt((temps%3600)%60) ;
  document.getElementById('minutes').innerHTML= (h<10 ? "0"+h : h) + '  h :  ' +
                                                (m<10 ? "0"+m : m) + ' mn : ' +
                                                (s<10 ? "0"+s : s) + ' s ';
if ((s == 0 && m ==0 && h ==0)) {
   clearInterval(timer);
   url = "<?php echo $redirection;?>"
   Redirection(url)
}
}
function Redirection(url) {
setTimeout("window.location=url", 500)
}
</script>
</head>

<body onload="timer">
<?php
// la condition est que le nombre de seconde soit etre superieur a 24 heures
if ($secondes <= 3600*24) {
?>
<span style="font-size: 36px;">Il vous reste comme temps</span>
<div id="minutes" style="font-size: 36px;"></div></span>
<?php
 }
?>
<body>
<html>

<?php
/*------------------------------*/
/*
Titre : Compte a rebours en JavaScript et PHP

Auteur : KOogar
Date édition : 01 Fev 2009
Date mise a jour : 19 Aout 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
*/
/*------------------------------*/
/*******************************************************************************
* Url DEMO avec les memes parametres ci dessous
***************************************************************************/

/* https://phpsources.net/codes/php/demo/compte-a-rebours */

/*******************************************************************************
* A parametrer
***************************************************************************/

$heures = 15; // les heures < 24
$minutes = 2; // les minutes < 60
$secondes = 22; // les secondes < 60

$annee = date("Y"); // par defaut cette année
$mois = date("m"); // par defaut ce mois
$jour = date("d"); // par defaut aujourd'hui

// quand le compteur arrive à  0
// -> redirection
$redirection = 'https://phpsources.net/code_s.php?id=493';

/*******************************************************************************
* calcul des secondes
***************************************************************************/

$secondes = mktime(date("H") + $heures,
date("i") + $minutes,
date("s") + $secondes,
$mois,
$jour,
$annee
) - time();
?>

<html>
<head>
<title>Demo compte a rebour</title>
<script type="text/javascript">
var temps = <?php echo $secondes;?>;
var timer =setInterval('CompteaRebour()',1000);
function CompteaRebour(){

temps-- ;
j = parseInt(temps) ;
h = parseInt(temps/3600) ;
m = parseInt((temps%3600)/60) ;
s = parseInt((temps%3600)%60) ;
document.getElementById('minutes').innerHTML= (h<10 ? "0"+h : h) + ' h : ' +
(m<10 ? "0"+m : m) + ' mn : ' +
(s<10 ? "0"+s : s) + ' s ';
if ((s == 0 && m ==0 && h ==0)) {
clearInterval(timer);
url = "<?php echo $redirection;?>"
Redirection(url)
}
}
function Redirection(url) {
setTimeout("window.location=url", 500)
}
</script>
</head>

<body onload="timer">
<?php
// la condition est que le nombre de seconde soit etre superieur a 24 heures
if ($secondes <= 3600*24) {
?>
<span style="font-size: 36px;">Il vous reste comme temps</span>
<div id="minutes" style="font-size: 36px;"></div></span>
<?php
}
?>
<body>
<html>

      Fonctions du code - Doc officielle PHP

   php.net  
Description
 Versions PHP
    date
Formate un horodatage Unix
PHP 4, 5, 7 et 8
    echo
Affiche une chaîne de caractères
PHP 4, 5, 7 et 8
    mktime
Retourne le timestamp UNIX d'une date
PHP 4, 5, 7 et 8
    time
Retourne l'horodatage UNIX actuel
PHP 4, 5, 7 et 8

[22]

  • avatar

    Invité

    11 Juin 2025 à 10:07

    Merci beaucoup

  • avatar

    Invité

    20 Jan 2025 à 15:55

    Je vous remercie sincèrement de tout cœur.

  • avatar

    Invité

    24 Août 2023 à 21:21

    Merci aux auteurs 

  • avatar

    Invité

    11 Nov 2022 à 15:46

    Un extrait de code visiblement compréhensif! merci pour le partage

  • avatar

    Invité

    25 Avril 2022 à 08:00

    Merci beaucoup ça marche super bien :) 

  • avatar

    Invité

    13 Fév 2022 à 06:09

    Merci pour ce code, c'est très utile

  • avatar

    Invité

    31 Déc 2021 à 15:29

    Bonsoir PHP SOURCES. S'il te plait, je voudrais fixer le décompte pour que même lorsqu'on rafraichise la page, le décompte ne repart pas au debut. 

    Genre, le décompte sur mon site officielle seras la meme partout. 
    Merci bien. 

  • avatar

    Invité

    13 Mai 2021 à 21:50

    Merci de ce bout de code, ça me rappel de l'un de mes exercices que j'avais eu à faire quand j'apprenais à faire un CHRONO.

  • avatar

    Invité

    17 Jan 2021 à 15:42

    Merci pour ce bout de code. Il m'épargne de longues heures de réflexion !!

  • avatar

    Invité

    09 Sept 2020 à 01:27

    Bonjour, Super merci! Est il possible de le modifier pour ne pas avoir de limite de 24h? 0:-)

  • avatar

    Invité

    04 Juil 2020 à 16:46

    cbon vraiment Merci!!!!!!

  • avatar

    Invité

    25 Mai 2020 à 13:06

    Bonjour un grand merci a vous grand chef du code PHP et JAVASCRIPT .,longue vie au programmeur !! 

  • avatar

    Invité

    08 Avril 2020 à 14:32

    Excellent ce mélange de PHP et JavaScript, Merci Koogar ;)

  • avatar

    Invité

    19 Août 2019 à 13:49

    Parfait ce code exactement ce je cherchais

  • avatar

    Invité

    26 Août 2018 à 09:40

     Bonjour,
    Comment est-ce que je peux adapter ce code sur une page ou je n'ai accès qu'à des fonctions html? J'ai la possibilité de mettre une balise sur la page ou bien un code d'entête... D'avance merci! ça fait des jours et des nuits que je cherche la solution, votre code à l'air parfait mais je n'arrive pas à l'adapter...

  • avatar

    Invité

    30 Sept 2017 à 10:27

    Bonjour votre srcipt fonctionne bien par contre quand on actualise ou qu'on change de page et qu'on reviens le compte à rebours recommence depuis le début comment peut-on faire pour empêcher celà ??? merci d'avance

  • avatar

    Invité

    14 Sept 2011 à 15:22

    Bonjour, > serait-il possible de faire quelque chose d'équivalent, mais avec l'heure du serveur ? Toutes les heures, le chronomètre de réinitialise...

  • avatar

    Invité

    25 Déc 2010 à 22:50

    Merci sa marche impec,

  • avatar

    Invité

    07 Déc 2010 à 18:04

    merci bccc... et BRAVO

  • avatar

    Invité

    25 Mars 2009 à 14:18

    Merci beaucoup pour le code, il est super clair et très facile à modifier à sa guise.

  • avatar

    KOogar

    02 Fév 2009 à 14:19

    Oui, j'y avais pensé, mais vu que les codes sont déjà présent sur le site, je ne voulais pas faire doublon:
    Calculer le temps restant ou le temps ecoulé
    Calcul la différence de jour entre 2 dates
    L'adaptation ne devait pas poser de probleme. On peut declencher le compte a rebourd avant, pour le faire il faut modifier la ligne 88 : if ($secondes <= 3600*24)
    Par exemple pour le déclencher 5 jours avant:

    Code:
    if ($secondes <= 3600*24*5)

  • avatar

    Invité

    02 Fév 2009 à 13:44

    Ce serait tipTop de pouvoir mettre en option l'affiche du nombre de jours restants.

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


 Autres snippets qui pourraient vous intéresser

19 Août 2019  

01 Fév 2009 

Calcul le temps qu'il reste jusqu'au nouvel an

Compatibilité : PHP 5, PHP 7, PHP 8

Compte a rebours du temps qu'il reste jusqu'au nouvel an. Un must en période de fêtes.

10 Fév 2026

Demande de confirmation grâce à JavaScript

Compatibilité : PHP 8

Demander une confirmation pour l'effacement d'un enregistrement MySQL avec JavaScript. Code en PHP + HTML + CSS + JavaScript

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

  Les derniers scripts

PHP 8.5.5

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

PHP 8.4.20

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

Serendipity 2.6.0

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

Drupal 11.3.6

logo Drupal
Langue langue us
Date 11 Avril
Taille 34 Mo
Catégorie CMS

TYPO3 14.2.0

logo TYPO3
Langue langue fr
Date 10 Avril
Taille 38 Mo
Catégorie CMS

Dolibarr ERP 23.0.1

logo Dolibarr ERP
Langue langue fr
Date 09 Avril
Taille 89 Mo
Catégorie Logiciels
avatar

KOogar

  01 Fév 2009

  SOURCE   Télécharger

Information sur les mises à jour

Dernière mise à jour :

19 Août 2019
fonctionnement du code vérifié

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

52 186 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 ]