Compte a rebour JavaScript et PHP

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 !! l'url de demo la voici la voila, j'ai mis exactement le meme script que le code ci dessous.

Demo du Compte a rebour

Tous les codes

KOogar

Site de l'auteur voir

[65] sources en PHP voir

Code vu 12049 fois

Enregistré le 01 Fév 2009

téléchargement du zip

impression de la fiche

Code Source

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.

<?php
/******************************************************************************/
/*                                                                            */
/*                       __        ____                                       */
/*                 ___  / /  ___  / __/__  __ _____________ ___               */
/*                / _ \/ _ \/ _ \_\ \/ _ \/ // / __/ __/ -_|_-<               */
/*               / .__/_//_/ .__/___/\___/\_,_/_/  \__/\__/___/               */
/*              /_/       /_/                                                 */
/*                                                                            */
/*                                                                            */
/******************************************************************************/
/*                                                                            */
/* Titre          : Compte a rebour JavaScript et PHP                         */
/*                                                                            */
/* URL            : http://www.phpsources.org/scripts493-PHP.htm              */
/* Auteur         : KOogar                                                    */
/* Date édition   : 01 Fév 2009                                               */
/* Website auteur : http://www.koogar.fr                                      */
/*                                                                            */
/******************************************************************************/

/*******************************************************************************
    * Url DEMO avec les memes parametres ci dessous
    ***************************************************************************/

/*       http://www.phpsources.org/demo/demo_compte_a_rebour.php              */

/*******************************************************************************
    * 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

$redirection = 'http://www.phpsources.org'; // quand le compteur arrive à 0
                                            // j'ai mis une redirection

/*******************************************************************************
    * 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>

Tous les codes Applications

Fonctions du code

date

: Formate une date/heure locale - (PHP 4, PHP 5)

mktime

: - (PHP 4, PHP 5)

time

: Retourne le timestamp UNIX actuel - (PHP 4, PHP 5)

echo

: Affiche une chaîne de caractères - (PHP 4, PHP 5)

Commentaires

Le 02 Fév 2009 à 13:44:00

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

KOogar
Le 02 Fév 2009 à 14:19:00

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)

Le 25 Mars 2009 à 14:18:00

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

Le 07 Déc 2010 à 18:04:00

merci bccc...
et BRAVO

Le 25 Déc 2010 à 22:50:00

Merci sa marche impec,

Le 14 Sept 2011 à 15:22:00

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

Ajouter un commentaire