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>"
Commentaires
Commentant, gardez à l' esprit que le contenu et le ton de vos messages peuvent blesser les sentiments des gens réels, montrer du respect et de la tolérance à ses interlocuteurs, même si vous ne partagez pas leur avis, votre comportement en termes de liberté d'expression et de l' anonymat offert par Internet, est en train de changer non seulement virtuel, mais dans le monde réel. Tous les commentaires sont cachés à l'index, le contrôle anti - spam.