Bonjour à tous, aujourd'hui nous allons créer une horloge personnalisée pour sont site ou son blog.

Vous pouvez télécharger la source en cliquant ICI

Attention! le tutoriel est assez long et il est donc possible que le chargement prenne un peu de temps.

Le tutoriel:


Voici le code utilisé dans ce tutoriel, copiez le avant de lire la video:

Code:

onClipEvent (enterFrame)
{
    heure = new Date();
    _root.horloge.secondes = heure.getSeconds();
    _root.horloge.msecondes = heure.getMilliseconds();
    _root.horloge.minutes = heure.getMinutes();
    _root.horloge.heures = heure.getHours();
    _root.horloge.s._rotation = _root.horloge.secondes * 6 + _root.horloge.msecondes / 166;//on attribue une rotation du calque "s" en fonction des secondes
    _root.horloge.m._rotation = _root.horloge.minutes * 6 + _root.horloge.secondes / 10;//on attribue une rotation du calque "m" en fonction des minutes
    if (_root.horloge.h <= 12)
    {
        _root.horloge.h._rotation = _root.horloge.heures * 30 + _root.horloge.minutes / 2;//on attribue une rotation du calque "h" en fonction des heures
    }
    else
    {
        _root.horloge.h._rotation = (_root.horloge.heures - 12) * 30 + _root.horloge.minutes / 2;
    } // end else if
   //trace(heure+minute+seconde); ici vous pouvez verifier la mise à jour de l'heure
}