Sujet Précédent Sujet Suivant

Problème de script count-up !

Synthos Messages postés 2 Date d'inscription vendredi 2 juillet 2010 Statut Membre Dernière intervention 8 janvier 2011 - 8 janv. 2011 à 07:45
Synthos Messages postés 2 Date d'inscription vendredi 2 juillet 2010 Statut Membre Dernière intervention 8 janvier 2011 - 8 janv. 2011 à 13:41

Bonjour à toutes et tous,

Suite à la naissance de mon fils, je lui ai créé un blog photo. Je souhaitai y intégrer un script affichant dynamiquement son âge en années, mois, jours, heures, minutes et secondes (oui, c'est niais, mais les parents présents comprendront la démarche ^^). J'ai pu trouver après moultes recherches un script remplissant plutôt bien cette fonction, jusqu'à peu de temps, où à la place du nombre de jours s'affiche un joli "NaN" (Not A Number, ça je sais, mais dans l'absolu, ça m'aide pas !). J'ai cherché des solutions de mon côté, mais comme je suis une sous-quiche en JS, j'ai pas trouvé de solution. Ci-dessous, le code :

[[[

]]]
<script type= "text/javascript">
function CountUp(initDate, id, msg){
  this.beginDate = new Date(initDate);
  this.msg = msg;
  this.numOfDays = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ];
  this.borrowed 0, this.years 0, this.months = 0, this.days = 0;
  this.hours 0, this.minutes 0, this.seconds = 0;
  this.updateNumOfDays();
  this.calculate(id);
}
 
CountUp.prototype.updateNumOfDays=function(){
  var dateNow = new Date();
  var currYear = dateNow.getFullYear();
  if ( (currYear % 4 == 0 && currYear % 100 != 0 ) || currYear % 400 == 0 ) {
    this.numOfDays[1] = 29;
  }
  var self = this;
  setTimeout(function(){self.updateNumOfDays();}, (new Date((currYear+1), 1, 1) - dateNow));
}
 
CountUp.prototype.datePartDiff=function(then, now, MAX){
  var diff = now - then - this.borrowed;
  this.borrowed = 0;
  if ( diff > -1 ) return diff;
  this.borrowed = 1;
  return (MAX + diff);
}
 
CountUp.prototype.formatTime=function(){
  this.seconds = this.addLeadingZero(this.seconds);
  this.minutes = this.addLeadingZero(this.minutes);
  this.hours = this.addLeadingZero(this.hours);
}
 
CountUp.prototype.addLeadingZero=function(value){
  return value < 10 ? ("0" + value) : value;
}
 
CountUp.prototype.calculate=function(id){
  var currDate = new Date();
  var prevDate = this.beginDate;
  this.seconds = this.datePartDiff(prevDate.getSeconds(), currDate.getSeconds(), 60);
  this.minutes = this.datePartDiff(prevDate.getMinutes(), currDate.getMinutes(), 60);
  this.hours = this.datePartDiff(prevDate.getHours(), currDate.getHours(), 24);
  this.days = this.datePartDiff(prevDate.getDate(), currDate.getDate(), this.numOfDays[currDate.getMonth()-1]);
  this.months = this.datePartDiff(prevDate.getMonth(), currDate.getMonth(), 12);
  this.years = this.datePartDiff(prevDate.getFullYear(), currDate.getFullYear(),0);
  this.formatTime();
  var countainer = document.getElementById(id);
  countainer.innerHTML =" " + this.years + "  <small>" + (this.years  ==  1? "year" : "année(s),") + "</small>" +
    "  " + this.months + "  <small>" + (this.months  ==  1? "month" : "mois,") + "</small>" +
    "  " + this.days + "  <small>" + (this.days  ==  1? "day" : "jour(s),") + "</small>" +
    "  " + this.hours + "  <small>" + (this.hours  ==  1? "hour" : "heure(s),") + "</small>" +
    "  " + this.minutes + "  <small>" + (this.minutes  ==  1? "minute" : "minute(s),") + "</small>" +
    "  " + this.seconds + "  <small>" + (this.seconds  ==  1? "second" : "seconde(s)") + "</small>" +
    "   " + this.msg + "  ";
  var self  = this;
  setTimeout(function(){self.calculate(id);}, 1000);
}
</script>

Contents of this DIV will be replaced by the timer

<script type="text/javascript">new CountUp('December 08, 2010 10:46:00 GMT', 'counter', "depuis ma naissance.");</script>
[[[

]]]

Si quelqu'un, par miracle, trouve la solution, je le supplie de me la donner, et si possible, de m'expliquer la cause de l'erreur (j'aime bien comprendre pourquoi ça marche pas, quand ça marche pas !)

Merci d'avance !
Syn'

A voir également:

Problème de script count-up !
Tampermonkey script tls - Forum Javascript / DHTML
Besoin de désactiver/supprimer le captcha - Forum Javascript / DHTML
Script pour prendre rendez-vous tlscontact - Forum Autres langages
Connexion au serveur smtp via TLS - Forum Java
Formulaire pop up ✓ - Forum Javascript / DHTML

2 réponses

Réponse 1 / 2

PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
8 janv. 2011 à 09:23

Bonjour,
(oui, c'est niais, mais les parents présents comprendront la démarche ^^)
<HUMOUR>
quelle drôle d'idée, tu ne le calcules pas de tête?
</HUMOUR>
un truc m'intrigue sur cette ligne

this.days = this.datePartDiff(prevDate.getDate(), currDate.getDate(), this.numOfDays[currDate.getMonth()-1]);

et surtout cela

this.numOfDays[currDate.getMonth()-1])

tu lis un indice de tableau qui n'existe pas au mois de janvier, en janvier l'indice du mois est 0.

ne serais ce pas plutôt simplement

this.days = this.datePartDiff(prevDate.getDate(), currDate.getDate(), this.numOfDays[currDate.getMonth()]);

;O)

Réponse 2 / 2

Synthos Messages postés 2 Date d'inscription vendredi 2 juillet 2010 Statut Membre Dernière intervention 8 janvier 2011
8 janv. 2011 à 13:41

Bonjour Petole, et merci pour ta réponse !

Bien sûr que si, en ce qui me concerne, je compte de tête, mais je ne peux l'imposer aux visiteurs dudit site !

Grosse surprise en me réveillant, le NaN avait disparu, et laissait place à "1", ce qui correspond parfaitement. Dans le doute, j'ai tout de même corrigé l'erreur que tu as relevé, et je verrai bien ce qu'il en est à l'avenir !

Merci beaucoup, donc !

Et pour te remercier, voici le site en question : http://filmoz.fr/nathan

A bientôt pour d'autres casse-tête ! :)

Discussions similaires

"Trier par COUNT() ?"

Accès aux réponses d'un QCM dans le code JS

[clos] script pour prendre des rendez sur mon site

Script Oracle dans un script sql

formulaire et popup

Votre réponse

Discussions similaires