Installer un compte à rebours sur votre blog

Vous avez un événement prévu pour une date précise sur votre blog ? Un jour-j où vous allez dévoiler quelque chose de nouveau ? Voici pour vous un gadget compte à rebours que vous pouvez installer sur votre blog, histoire que les visiteurs puissent être à jour du temps qui reste.

Trouvé chez Blogger plugins où il fut donné comme compte à rebours pour noël, ce gadget peut être utilisé pour n’importe quel autre événement si on y apporte les modifications que je vais vous indiquer.

  
<div id="bp_count_down_div"></div>

<script language="JavaScript">var bp_date_target = new Date("December 25, 2011 00:00:00");var bp_date_now = new Date();var bp_count_down_complete_message = "Je vous souhaite un joyeux noël";if (bp_date_now >= bp_date_target) { document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message;} else { bp_time_difference = Math.floor(((bp_date_target - bp_date_now).valueOf()) / 1000); display_time_difference(bp_time_difference);}function display_time_difference(bp_time_difference) { if (bp_time_difference <= 0) { document.getElementById("bp_count_down_div").innerHTML = bp_count_down_complete_message; return; } bp_count_down_message = bp_format_seconds(bp_time_difference, 86400, 100000) + " Jours " + bp_format_seconds(bp_time_difference, 3600, 24) + " Heures " + bp_format_seconds(bp_time_difference, 60, 60) + " Minutes " + bp_format_seconds(bp_time_difference, 1, 60) + " Secondes avant Noël"; document.getElementById("bp_count_down_div").innerHTML = bp_count_down_message; setTimeout("display_time_difference(" + (bp_time_difference - 1) + ")", 1000);}function bp_format_seconds(secs, num1, num2) { num = ((Math.floor(secs / num1)) % num2).toString(); if (num.length < 2) s = "0" + num; return "" + num + "";}</script>

Voici les modifications à faire sur ce code qui est à mettre dans un gadget html/javascript (ou dans un article, mais en mode html) :

- Changer la date butoire, December 25, 2011 00:00:00 (qui est celle de noël) par la date de votre événement en prenant soin de respecter le format et surtout la langue dans laquelle le mois sera écrit (en anglais). Donc, vous mettez le mois et le jour, suivi de l’année et de l’heure précise.

- Changer le message qui apparaitra à la date butoire, Je vous souhaite un joyeux noël par un message personnalisé.

- Changer la dernière partie de la phrase “Secondes avant Noël” par l’intitulé de l’événement que vous avez prévu.

Avec ce code je pu installer le compte à rebours suivant qui va jusqu’au 22 décembre 2012, date de la fin du commerce autour de la fin du monde 2012 (puisqu’ils disent que la fin c’est le 21 décembre).

324 Jours 21 Heures 57 Minutes 30 Secondes avant la fin du commerce sur le fin du monde 2012

Dès aujourd’hui, vous pouvez donc vous aussi installer un compte à rebours sur votre blog, pour n’importe quel événement.

@+