MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

Le type de donnée <time> indique des durées exprimées en secondes ou en millisecondes.

Syntaxe

Une valeur temporelle consiste en une valeur de type <number> immédiatement suivie d'une unité. Comme avec les autres unités CSS, il n'y a pas d'espace entre l'unité et le nombre.

Même si toutes les unités représentent le même temps pour la valeur 0, l'unité ne doit pas être omises, car il ne s'agit pas d'une <length> : 0 n'est pas valide et ne représente pas 0s, 0ms.

Unités

s
Cette unité permet d'exprimer le temps en secondes. Par exemple : 0s, 1.5s, -60s.
ms
Cette unité permet d'exprimer le temps en millisecondes. Par exemple : 0ms, 1500ms, -6000ms.

La conversion entre s et ms suit la logique suivante : 1s = 1000ms.

Exemples

Voici des valeurs de temps valides :

12s         Nombre entier positif
-456ms      Nombre entier négatif
4.3ms       Nombre décimal
14mS        L'unité n'est pas sensible à la casse, cependant les majuscules sont déconseillées pour s et ms.
+0s         Zero, précédé d'un + et suivi de son unité.
-0ms        Zero, précédé d'un - et suivi de son unité (bien qu'étrange, ceci est autorisé).

Voici des valeurs de temps non valides :

0           Bien qu'un zéro sans unité soit autorisé pour les longueurs, ceci n'est pas valide avec les autres dimensions.
12.0        Il s'agit d'un nombre, pas d'un temps, l'unité est obligatoire.
7 ms        Aucun espace n'est autorisé entre le nombre et l'unité.

Spécifications

Spécification État Commentaires
CSS Values and Units Module Level 3
La définition de '<time>' dans cette spécification.
Candidat au statut de recommandation Définition normative de s et ms
CSS Level 2 (Revision 1)
La définition de '<time>' dans cette spécification.
Recommendation Définition informelle de s et ms

Compatibilité des navigateurs

Fonctionnalité Chrome (Webkit) Firefox (Gecko) Internet Explorer Opera (Presto) Safari (Webkit)
Support simple <=11 (?) 4.0 (2.0) 9.0 10.5 (2.3) <=3.2 (?)
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple ? ? ? Pas de support ?

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, Sebastianz, Prinz_Rana, fscholz, FredB, teoli, tregagnon
 Dernière mise à jour par : SphinxKnight,