Voici un code html à mettre sur le bloc note et à enregistrer en html pour faire un compte à rebours pour le nouvel an 2016 :
<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
@font-face {
font-family: GS;
font-style: normal;
font-weight: normal;
src: url(GOUDYST2.eot);
}
h2 {
font-family: "Calibri";
font-weight: normal;
font-size: 100pt;
color="#ffffff";
}
BODY { background="#006699";}
-->
</STYLE>
</HEAD>
<BODY>
<h2><head>
<script language="javascript">
<!--
function modifie(evt) {
vert = Math.floor((evt.layerY/window.innerHeight)*255);
bleu = Math.floor((evt.layerX/window.innerWidth)*255);
// modifier la couleur du div
monDiv.style.backgroundColor = "rgb("+vert+", 153, "+bleu+")";
}
// capture les déplacements de souris
window.captureEvents(Event.MOUSEMOVE);
// execute la fonction modifie au déplacement de la souris
window.onmousemove=modifie;
//fin des script -->
</script>
</head>
<body>
<div id="monDiv">
<div id="compte_a_rebours"><noscript>Fin de l'évènement le 1er janvier 2016.</noscript></div>
<script type="text/javascript">
function modifie(evt) {
vert = Math.floor((evt.layerY/window.innerHeight)*255);
bleu = Math.floor((evt.layerX/window.innerWidth)*255);
// modifier la couleur du div
monDiv.style.backgroundColor = "rgb("+vert+", 153, "+bleu+")";
}
// capture les déplacements de souris
window.captureEvents(Event.MOUSEMOVE);
// execute la fonction modifie au déplacement de la souris
window.onmousemove=modifie;
function compte_a_rebours()
{
var compte_a_rebours = document.getElementById("compte_a_rebours");
var date_actuelle = new Date();
var date_evenement = new Date("Jan 1 00:00:00 2016");
var total_secondes = (date_evenement - date_actuelle) / 1000;
var prefixe = "<center><u>Nouvel an 2016 :</u></center><FONT size=6pt><br></br></FONT>";
if (total_secondes < -30)
{
prefixe = "<center>Bonne année 2016 depuis</center>"; // On modifie le préfixe si la différence est négatif
total_secondes = Math.abs(total_secondes); // On ne garde que la valeur absolue
}
if (total_secondes > 0)
{
var jours = Math.floor(total_secondes / (60 * 60 * 24));
var heures = Math.floor((total_secondes - (jours * 60 * 60 * 24)) / (60 * 60));
minutes = Math.floor((total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60))) / 60);
secondes = Math.floor(total_secondes - ((jours * 60 * 60 * 24 + heures * 60 * 60 + minutes * 60)));
var et = "et";
var ent = "<center>";
var ent1 = "<br></br>"
var mot_jour = "<b>J</b>";
var mot_heure = "<b>H</b>";
var mot_minute = "<b>M</b>";
var mot_seconde = "<b>S</b>";
if (jours == 0)
{
jours = '';
mot_jour = '';
}
else if (jours == 1)
{
mot_jour = "<b>J</b>";
}
if (heures == 0)
{
heures = '';
mot_heure = '';
}
else if (heures == 1)
{
mot_heure = "<b>H</b>";
}
if (minutes == 0)
{
minutes = '';
mot_minute = '';
}
else if (minutes == 1)
{
mot_minute = "<b>M</b>";
}
if (secondes == 0)
{
secondes = '';
mot_seconde = '';
et = '';
}
else if (secondes == 1)
{
mot_seconde = "<b>S</b>";
}
if (minutes == 0 && heures == 0 && jours == 0)
{
et = "";
}
compte_a_rebours.innerHTML = prefixe + ent + jours + ' ' + mot_jour + ' ' + heures + ' ' + mot_heure + ' ' + minutes + ' ' + mot_minute + ' ' + ' ' + secondes + ' ' + mot_seconde + ent1;
}
if (total_secondes < 1)
{
compte_a_rebours.innerHTML = '<br><center>Bonne année 2016</center><br><br><br>';
}
var actualisation = setTimeout("compte_a_rebours();", 1000);
}
compte_a_rebours();
</script>
</body></h2>
</BODY>
</HTML>
