This page has been robot translated, sorry for typos if any. Original content here.

Compte à rebours, incl. avant la nouvelle année

Le compte à rebours est une tâche assez simple et classique pour javascript.

Un exemple du travail du minuteur de script avant le Nouvel An:

Compte à rebours pour le nouvel an

Considérons la création d'un compteur de jours avant une certaine date et du même compteur, mais plus de vieille école avec un compte d'heures, de minutes et de secondes

  < script language = "JavaScript" type = "text / javascript" > function count ( ) {

 month = 'Jan' ;
  // Mois de la date de l'événement date = '01' ;
  // Date d'occurrence de l'événement year = '2006' ;
  // Année de la date de l'événement

 theDate = mois + '' + date + '' + année ;

  maintenant = nouvelle date ( ) ;
  setdate = new Date ( theDate ) ;

  timer = ( setdate - now ) / 1000/60/60/24 ;
  minuterie = math  round ( minuterie ) ;

 var message = timer + "jours jusqu'à votre date!"
  ;
  // Texte du message à votre goût si ( timer == "1" ) message = timer + "événement tous les jours" ;
  // Avant l'événement un jour si ( timer == "0" ) message = "événement dans moins d'un jour" ;
  // Avant un événement de moins d'un jour if ( timer == "-1" ) message = "l'événement est arrivé" ;
  // Un événement s'est produit si ( timer < "-1" ) message = "" ;
  // Chaîne de longueur zéro après l'événement

 document.  écrire ( message ) ;
  } count ( ) ;
  </ script >

Option avec jours, heures, minutes et secondes ( compte à rebours jusqu'au début de la nouvelle année ):

  < script type = "text / javascript" > function newYearIn ( ) { var jours = "jours" var now = new Date ( ) ;
  var newYear = new Date ( "Jan, 01,2011,00: 00: 00" ) ;
  var totalRemains = ( newYear. getTime ( ) - now. getTime ( ) ) ;
  if ( totalRemains > 1 ) { var RemainsSec = ( parseInt ( totalRemains / 1000 ) ) ;
  var RemainsFullDays = ( parseInt ( RemainsSec / ( 24 * 60 * 60 ) ) ) ;
  if ( RemainsFullDays == 2 || RemainsFullDays == 3 || RemainsFullDays == 4 || RemainsFullDays == 22 || RemainsFullDays == 23 || RemainsFullDays == 24 || RemainsFullDays == 21 || RemainsFullDays == 34 ) { days = "days" } if ( RemainsFullDays == 1 || RemainsFullDays == 21 || RemainsFullDays == 31
 
  ) { days = "day" } var secInLastDay = RemainsSec - RemainsFullDays * 24 * 3600 ;
  var RemainsFullHours = ( parseInt ( secInLastDay / 3600 ) ) ;
  if ( RemainsFullHours < 10 ) { RemainsFullHours = "0" + RemainsFullHours } ;
  var secInLastHour = secInLastDay - RemainsFullHours * 3600 ;
  var RemainsMinutes = ( parseInt ( secInLastHour / 60 ) ) ;
  if ( RemainsMinutes < 10 ) { RemainsMinutes = "0" + RemainsMinutes } ;
  var lastSec = secInLastHour - RemainsMinutes * 60 ;
  if ( lastSec < 10 ) { lastSec = "0" + lastSec } ;
  document.  getElementById ( 'nouvelle année' ) .  innerHTML = "<p style = 'font-size: 22px;'> La nouvelle année reste:" + RemainsFullDays + days + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec + "</ p>" ;
  setTimeout ( "newYearIn ()" , 10 ) ;
  }
 
  else { document.  getElementById ( "nouvel an" ) .  innerHTML = "C NOUVEL AN !!!"
  ;
  } } newYearIn ( ) ;
  </ script >

Pour que le compteur de temps (timer) apparaisse sur la page avant le Nouvel An , il est nécessaire de placer une étiquette avec id = "newyear" sur la page, par exemple:

  <p id = "newyear"> Temps restant avant le nouvel an </ p>

 <script type = "text / javascript">
 fonction newYearIn ()
 {...

et dans le script, définissez la date du nouvel an que vous célébrez habituellement (par exemple, le nouvel an en Russie: "Jan, 01,2011,00: 00: 00").

[UPD]: 1. Pour modifier la police (taille et couleur), vous devez supprimer les balises <font size = 20> et <font>, puis insérer la description du style <style> p # newyear {font-size: 27px; color: pink;} </ style> pour la timeline. 2. Pour fractionner la ligne en deux, collez au bon endroit la ligne "<br>", par exemple: "Avant le Nouvel An: <br>"