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

Compte à rebours, incl. avant le nouvel an

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 la nouvelle année

Envisagez la création d'un compteur de jours avant une certaine date et du même compteur, mais plus ancien avec comptage des heures, minutes et secondes.

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

 month = 'Jan' ;
  // Mois de la date de l'événement date = '01' ;
  // Numéro de la date de l'événement event = '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 avant 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 l'événement 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 == 22 || RemainsFullDays == 23 || 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 = 'taille de police: 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 jusqu'au 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 séparer la ligne en deux, collez au bon endroit la ligne "<br>", par exemple: "Avant le Nouvel An: <br>"