compte à rebours, y compris avant le Nouvel An

Compte à rebours est assez simple et classique pour tâche javascript.

Un exemple de la minuterie du script jusqu'à ce que la nouvelle année:

Compte à rebours pour le Nouvel An

Envisager la création d'un compteur de jours jusqu'à une certaine date, et le même compteur, mais plus old school avec un nombre d'heures, de minutes et de secondes.

  <Script language = type "JavaScript" = "text / javascript"> count de function () {
 mois 'Jan';
  // La date de la date occurrence Mois = '01';
  // Le nombre de la date de l'événement année = '2006';
  // Année de la date de survenance de l' événement

 theDate = mois + '' + date + '' + année;
  = Maintenant new Date ();  setdate = new Date (theDate);
  timer = (setdate - maintenant) / 1000/60/60/24;
  timer = Math.  round (timer);

 var message = minuterie + "jours avant votre date!"
  ;
  // Message à votre goût si (timer == "1") message = timer + "soobytie un jour»;
  // Avant l'événement , si un jour (timer == "0") message = "événement dans moins d'une journée";
  // Avant l'événement au moins un jour si (timer == "-1") message = " événement a eu lieu";
  // Événement a eu lieu si (timer < "-1") message = "";  // Chaîne de longueur nulle lorsque l'événement a eu lieu

 document.  écrire (message);
  } Count ();
  </ Script>

Option avec jours, heures, minutes et secondes (compte à rebours du Nouvel An)

  <Type Script = "text / javascript "> function newYearIn () {var jours = " jours" var now = new Date () ;  var NewYear = new Date ( "Jan , 01,2011,00: 00: 00 ');
  totalRemains var = (.. NewYear getTime () - maintenant getTime ());  if (totalRemains> 1) {var RemainsSec = (parseInt ( totalRemains / 1000));
  RemainsFullDays var = (parseInt (RemainsSec / ( 24 * 60 * 60)));
  if (RemainsFullDays == 2 || RemainsFullDays == 3 || RemainsFullDays == 4 || RemainsFullDays == 22 || RemainsFullDays == 23 || RemainsFullDays == 24 || RemainsFullDays == 32 || RemainsFullDays == 33 || RemainsFullDays == 34) {jours = "date"} if (RemainsFullDays == 1 || RemainsFullDays == 21 || RemainsFullDays == 31
 
  ) {Days = "jour"} var secInLastDay = RemainsSec - RemainsFullDays * 24 * 3600;
  RemainsFullHours var = (parseInt (secInLastDay / 3600));
  if (<10) RemainsFullHours {RemainsFullHours = "0" + RemainsFullHours};
  var secInLastHour = secInLastDay - RemainsFullHours * 3600;
  RemainsMinutes var = (parseInt (secInLastHour / 60));
  if (<10) RemainsMinutes {RemainsMinutes = "0" + RemainsMinutes};
  var lastSec = secInLastHour - RemainsMinutes * 60;
  if (lastSec <10) {lastSec = "0" + lastSec};
  document.  getElementById ( 'newyear').
  innerHTML = "<p style =" font-size: 22px; "> Avant le Nouvel An reste:" + RemainsFullDays + jours + RemainsFullHours + ":" + RemainsMinutes + ":" + lastSec + "</ p>";  setTimeout ( "newYearIn ()", 10);
  }
 
  else {document.
  getElementById ( "newyear").
  innerHTML = "C NOUVEL AN !!!"
  ;
  }} NewYearIn ();
  </ Script>

Pour compteur de temps (horloge) avant le Nouvel An est apparu sur la page, il est nécessaire de placer le script sur la page toute étiquette avec id = "newyear", par exemple:

  <P id = "newyear"> Temps restant jusqu'à la nouvelle année </ p>

 <Type Script = "text / javascript">
 fonctionner newYearIn ()
 {...

et dans le script pour définir la date de la nouvelle année, vous célébrez habituellement (par exemple, la nouvelle année la plus proche en Russie: "Jan, 01,2011,00: 00: 00").

[UPD]: 1. Afin de changer la police (taille et couleur), vous devez supprimer les balises <font size = 20> et <font> et insérer une description du style <style> p # newyear {font-size: 27px; couleur: rose;} </ style> à la ligne de temps. 2. Afin de briser la chaîne en deux insert "<br>" ligne à la bonne place, comme ceci: «Avant le Nouvel An reste: <br>"