Compte a rebours javascript
dragon999
Messages postés
2
Date d'inscription
Statut
Membre
Dernière intervention
-
gregdu 62 Messages postés 1 Date d'inscription Statut Membre Dernière intervention -
gregdu 62 Messages postés 1 Date d'inscription Statut Membre Dernière intervention -
Bonjour a tous
j'ai commencer a crée un site il ya quelques jours, et je l'est quasiment fini mais un probleme me barre la route
en effet je veux intégré a mon site un compte a rebours
indiquant les jours - heures - minutes - secondes
apres avoir beaucoup cherché sur le net un script, j'ai enfin trouvé mon bonheur, enfin presque
le probleme reside dans le fait que mon background est noir, et les caracteres de mon compte a rebour aussi donc ils sont invisibles
et je ne trouve nulle part un endroit pour modifié la couleurs
et le second probleme que j'ai cet la taille de la police, je en trouve aucun endroit dans le script pour modifier la taille des caractere.
je pense donc qu'il faut ajouté le codage approprié pour modifié tout sa.
mais je ne le connais pas
pouvez vous m'aider?
voila le script:
certes il est long mais cet le mieux que j'ai trouvé
je ne vous demande pas de vous embeter a modifié tout ce codage mais simplement de m'éclairé sur ce que je doit faire
merci d'avance
<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
setcountdown(2008,07,13,14,00,00)
var occasion="le départ de l'endurance "
var message_on_occasion="la course est partie"
var countdownwidth='1024px'
var countdownheight='35px'
var countdownbgcolor='#fffff'
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
window.onload=start_countdown
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"L'évènement est déjà arrivé ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"L'évènement est déjà arrivé ! "+closetags
return
}
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write("Il reste "+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML="Il reste "+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>
j'ai commencer a crée un site il ya quelques jours, et je l'est quasiment fini mais un probleme me barre la route
en effet je veux intégré a mon site un compte a rebours
indiquant les jours - heures - minutes - secondes
apres avoir beaucoup cherché sur le net un script, j'ai enfin trouvé mon bonheur, enfin presque
le probleme reside dans le fait que mon background est noir, et les caracteres de mon compte a rebour aussi donc ils sont invisibles
et je ne trouve nulle part un endroit pour modifié la couleurs
et le second probleme que j'ai cet la taille de la police, je en trouve aucun endroit dans le script pour modifier la taille des caractere.
je pense donc qu'il faut ajouté le codage approprié pour modifié tout sa.
mais je ne le connais pas
pouvez vous m'aider?
voila le script:
certes il est long mais cet le mieux que j'ai trouvé
je ne vous demande pas de vous embeter a modifié tout ce codage mais simplement de m'éclairé sur ce que je doit faire
merci d'avance
<script language="JavaScript1.2">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
setcountdown(2008,07,13,14,00,00)
var occasion="le départ de l'endurance "
var message_on_occasion="la course est partie"
var countdownwidth='1024px'
var countdownheight='35px'
var countdownbgcolor='#fffff'
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''
function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}
if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')
window.onload=start_countdown
function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"L'évènement est déjà arrivé ! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"L'évènement est déjà arrivé ! "+closetags
return
}
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write("Il reste "+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML="Il reste "+opentags+dday+ " jours, "+dhour+" heures, "+dmin+" minutes, et "+dsec+" secondes avant "+occasion+closetags
}
setTimeout("countdown()",1000)
}
</script>
A voir également:
- Compte à rebours javascript secondes
- Créer un compte google - Guide
- Installer windows 10 sans compte microsoft - Guide
- Créer un compte gmail - Guide
- Comment savoir qui regarde mon compte facebook - Guide
- Compte facebook désactivé - Guide
3 réponses
bonsoir,
En gras ce que je j'ai modifié.
Dans ce cas le fond du compteur est noir avec écriture blanche.
Bonne soirée
En gras ce que je j'ai modifié.
var occasion="le départ de l'endurance " var message_on_occasion="la course est partie" var countdownwidth='1024px' var countdownheight='35px' var countdownbgcolor='#OOOOOO' var opentags='<font face="Arial">' var opentags='<font color="#FFFFFF">' var closetags='</font>'
Dans ce cas le fond du compteur est noir avec écriture blanche.
var countdownbgcolor='#OOOOOO'couleur de fond
var opentags='<font color="#FFFFFF">couleur de la police.
Bonne soirée
slt à tous voilà j'ai un site de football ( jeux vidéos ) et je voudrais installer un compte à rebours dont voici le code :
<SCRIPT language=JavaScript>// la date à partir de laquelle on comptevar cible = new Date("july 10 2008 72 :60 :60");// nombre de millisecondes par jour, heure, minute et secondevar mms_jour = 72 * 60 * 60 * 1000;var mms_heure = 60 * 60 * 1000;var mms_minute = 60 * 1000;var mms_seconde = 1000;function decompte("return") {// la date courantevar july 10 2008 = july 13 2008("july 10 2008");// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindrevar 3_j = -1;72_h = -1;var 60_m = -1;// le total de millisecondes de différencesvar 60_mms = cible.getTime("return") - aujourdhui.getTime("return");// pareil pour les joursdiff_jours = Math.floor(diff_mms / mms_jour);diff_mms -= diff_jours * mms_jour;// pour les heuresdiff_heures = Math.floor(diff_mms / mms_heure);diff_mms -= diff_heures * mms_heure;// les... minutes, bravo ;-)diff_minutes = Math.floor(diff_mms / mms_minute);diff_mms -= diff_minutes * mms_minute;// les secondes, ce qui reste en fait.var diff_secondes = Math.floor(diff_mms / mms_seconde);// on affecte nos résultats aux champs du formulairedocument.getElementById("jours").innerHTML = diff_jours;document.getElementById("heures").innerHTML = diff_heures;document.getElementById("minutes").innerHTML = diff_minutes;document.getElementById("secondes").innerHTML = diff_secondes;// on relance la fonction pour actualiser à la secondesetTimeout("decompte("return")",1000);}</SCRIPT>
<FORM name=formulaire><FONT face=arial size=4><B>Il reste encore : <SPAN id=jours>3</SPAN> jours <SPAN id=heures>72</SPAN> heures <SPAN id=minutes>60</SPAN> minutes <SPAN id=secondes>60</SPAN> secondes avant la fin des journées L1</FORM></B></FONT>
Mais il ne se mets pas en route quelqu'un peut il m'aider merci ( je debute dans ce genre de programmation ).
D'avance merci à tous
<SCRIPT language=JavaScript>// la date à partir de laquelle on comptevar cible = new Date("july 10 2008 72 :60 :60");// nombre de millisecondes par jour, heure, minute et secondevar mms_jour = 72 * 60 * 60 * 1000;var mms_heure = 60 * 60 * 1000;var mms_minute = 60 * 1000;var mms_seconde = 1000;function decompte("return") {// la date courantevar july 10 2008 = july 13 2008("july 10 2008");// on crée les variables qui accueilleront les différences entre aujourd'hui et la date à atteindrevar 3_j = -1;72_h = -1;var 60_m = -1;// le total de millisecondes de différencesvar 60_mms = cible.getTime("return") - aujourdhui.getTime("return");// pareil pour les joursdiff_jours = Math.floor(diff_mms / mms_jour);diff_mms -= diff_jours * mms_jour;// pour les heuresdiff_heures = Math.floor(diff_mms / mms_heure);diff_mms -= diff_heures * mms_heure;// les... minutes, bravo ;-)diff_minutes = Math.floor(diff_mms / mms_minute);diff_mms -= diff_minutes * mms_minute;// les secondes, ce qui reste en fait.var diff_secondes = Math.floor(diff_mms / mms_seconde);// on affecte nos résultats aux champs du formulairedocument.getElementById("jours").innerHTML = diff_jours;document.getElementById("heures").innerHTML = diff_heures;document.getElementById("minutes").innerHTML = diff_minutes;document.getElementById("secondes").innerHTML = diff_secondes;// on relance la fonction pour actualiser à la secondesetTimeout("decompte("return")",1000);}</SCRIPT>
<FORM name=formulaire><FONT face=arial size=4><B>Il reste encore : <SPAN id=jours>3</SPAN> jours <SPAN id=heures>72</SPAN> heures <SPAN id=minutes>60</SPAN> minutes <SPAN id=secondes>60</SPAN> secondes avant la fin des journées L1</FORM></B></FONT>
Mais il ne se mets pas en route quelqu'un peut il m'aider merci ( je debute dans ce genre de programmation ).
D'avance merci à tous