28
MAI

FlipClock.js - Créer une horloge, un chronomètre ou un minuteur

Publié le 28/05/13 à 10h25 par Ouark

FlipClock.js est un plugin Jquery qui vous permettra de créer des horloges, chronomètres ou comptes à rebours entièrement personnalisable.

FlipClock.js - Horloge, Chronomètre ou Minuteur en Javascript

Les auteurs de ce plugin trouvaient que les différentes solutions qui pouvaient exister jusqu'à présent ne proposaient pas  un assez haut de niveau de personnalisation.

Vous pourrez donc utiliser FlipClock.js pour créer une horloge, un chronomètre ou encore un compte à rebours / minuteur. Il est entrièrement personnalisable en CSS et possède une API pour développer vos propres images.

 

Application de base

Avec le thème par défaut, FlipClock utilise prefixfree.js pour les animations qu'il convient d'ajouter également si vous garder ce thème.

<html>
	<head>
		<link rel="stylesheet" href="/assets/css/flipclock.css">
	</head>
	<body>
		<div class="your-clock"></div>
		
		<script src="/assets/js/libs/jquery.js"></script>
		<script src="/assets/js/flipclock/libs/prefixfree.min.js"></script>
		<script src="/assets/js/flipclock/flipclock.min.js"></script>
	</body>
</html>

 

Et son instanciation peut se faire de 2 façons différentes pour le même résultat :

var clock = $('.your-clock').FlipClock({
// ... your options here
});
var clock = new FlipClock($('.your-clock'), {
// ... your options here
});

 

Site officiel

Personne n'a baraguiné de chtite phrase pour le moment !


Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web