Résolu Compte à rebours : couleur du fond

Bonjour, 

J'ai repris un compte à rebours sur Eklablog le problème est que j'aimerais que le fond du cadre de ce compteur soit blanc. Je pense que ça se passe au début du script mais je ne sais pas quel est l'écriture exact... Comment dois-je faire ?

Merci de votre aide précieuse !!!

Amicalement 

Alheck

------------------------------------------------------------------------------------------------------------------------------

le script du compteur : 

<div id="EklaCompteur" style="border: 2px solid #9A00F8; width: 170px; text-align: center; margin: 0px auto; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;">&nbsp;</div>

<script type="text/JavaScript">// <![CDATA[

//***********************************************************************************************

//  Compte à rebours dans Eklablog

//  Version 1.1

//  Auteur : -Thierry-

//  Blog : http://gerer-mon-blog.eklablog.fr/

//***********************************************************************************************

var idtimeEklaCompteur=0;

function EklaDisplayCompteurEklaCompteur() {

 // délais d'affichage

 var delais = 1;

 // Element contenant l'affichage

 var EklaCompteurAffiche=document.getElementById("EklaCompteur");

 // HTML d'affichage

 var html = "<p><span style=\"color: #ff0000;\"><strong>IL RESTE :</strong></span><br /> <span style=\"color: #02a628;\"><strong><span style=\"font-size: 18pt;\">[j] j </span></strong><br /><span style=\"font-size: 12pt;\">[h] h [m] m [s] s</span></span></p><p><span style=\"color: #b87e49;\"><span style=\"font-size: 12pt;\"><span style=\"color: #ff0000;\"><strong>Avant NOEL</strong></span><br style=\"color: #000000; font-size: 14px;\" /></span></span></p><p>&nbsp;</p>" ;

 // HTML d'affichage si écoulé

 var htmlafter = "<strong><span style=\"color: #663300;\">Noel est finis depuis&nbsp;:</span></strong><br /> <span style=\"color: #b87e49;\"><strong><span style=\"font-size: 18pt;\">[j] j </span></strong><br /><span style=\"font-size: 12pt;\">[h] h [m] m [s] s </span></span>" ;

 // Date / heure courante

 var date1 = new Date();

 // Date / heure de fin

 // Attention, le mois commence à 0 pour janvier

 var date2 = new Date (2022, 11, 24, 00, 00, 00);

 // Nombre de secondes entre les dates

 var nbsec = (date2 - date1) / 1000;

 // Nombre de secondes dans une journée

 var nbsecj = 24 * 3600;

 // Pour arrêt compteur si temps écoulé et pas de texte prévu

 var stopcpt=false;

 // Si négatif => temps écoulé

 if (nbsec <= 0) {

 nbsec=-nbsec;

 if (htmlafter!="") 

 { html=htmlafter; }

 else

 {stopcpt=true;}

 }

 // Nombre de jours restants

 var j = Math.floor (nbsec / nbsecj);

 // Nombre d'heures restantes

 var h = Math.floor ((nbsec - (j * nbsecj)) / 3600);

 // Nombre de minutes restantes

 var m = Math.floor ((nbsec - ((j * nbsecj + h * 3600))) / 60);

 // Nombre de secondes restantes

 var s = Math.floor (nbsec - ((j * nbsecj + h * 3600 + m * 60)));

 // Si pas de texte après temps écoulé => on met tout à zéro

 if (stopcpt==true) {j=0;h=0;m=0;s=0}

 // Modification du HTML à afficher

 var html = html.replace("[j]",j);

 var html = html.replace("[h]",h);

 var html = html.replace("[m]",m);

 var html = html.replace("[s]",s);

 // Affichage

 if (EklaCompteurAffiche!=null) {EklaCompteurAffiche.innerHTML = html;}

 // Relance du compteur dans x millisecondes

 if (stopcpt==false) {idtimeEklaCompteur=setTimeout ("EklaDisplayCompteurEklaCompteur();", 1*1000);}

}

EklaDisplayCompteurEklaCompteur();

// ]]></script>

<!-- Fin du compteur -->

<p>&nbsp;</p>

Bonjour Alheck69,

déjà Noël ??

cadeau : c'est background-color: #FFFFFF;
(n'oublie pas le point virgule à la fin)

dans ton div id, ça donne par exemple :

<div id="EklaCompteur" style="border: 2px solid #9A00F8; background-color: #FFFFFF; width: 170px; text-align: center; margin: 0px auto; padding: 2px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;">&nbsp;</div>

@ voir :)

Coucou Pipiou 

Je me disais aussi qu'il y avait un background dans le coin et oui noel arrivera vite et partira aussi vite bref merci beaucoup pour ton aide technique. 

Amicalement

Alheck

Bonjour,

Par le passé j'ai voulu aussi utiliser ce compteur pour une journée festive. Le problème c'est qu'il affiche :

- soit que la fête c'est dans  x heures

- soit que la fête c'était il y a x heures

En fait il convient pour cibler un top de début ou de fin, comme le changement d'année.

A mon avis, pour une journée de Noël il faut adapter les affichages ; sinon afficher que c'est fini dès  00:01 le 25 décembre ça risque de surprendre 

Bonne suites.

Bonjour Stormalo

Oui mais il est quand même pratique pour informer les internautes que "Noel" C'est dans tant de jours, j'ai retiré la partie qui dit "Noel c'était il y a temps d'heure ou jour", je le réadapterais pour le prochain jour festif, comme le nouvel an ou paques... 

En tout cas merci beaucoup de votre aide !!!

Je cloture le truc et je vous dis à bientôt pour une nouvelle aventure de programmation !

Amicalement 

Alheck

Pour clôturer le truc  il faut cliquer sur le bouton

À + 

Merci Pipiou j'étais persuadé l'avoir fait mais non 

Salut la compagnie,

Cool l'idée du compte à rebours. 

En complément, il existe des bibliothèques javascript pour manipuler les dates assez facilement. J'en parle Sur ce lien

Salut Papasti

merci pour ce Moment ;)

(complément qui irait bien en commentaire dans ce sujet↗ (forum Trucs et Astuces)