CSS中的時(shí)間格式有兩種:時(shí)間戳和時(shí)間字符串。
時(shí)間戳是指“1970年1月1日0時(shí)0分0秒”至現(xiàn)在的秒數(shù),通常是一個(gè)10位的數(shù)字。使用時(shí)間戳可以方便地進(jìn)行計(jì)算和比較,也有一定的安全性,因?yàn)橐话闱闆r下不可能存在兩個(gè)相同的時(shí)間戳。
/* 當(dāng)前時(shí)間戳 */ time: 1594022222;
時(shí)間字符串是指人們常見(jiàn)的日期和時(shí)間表示方式,格式多種多樣。常用的有ISO 8601格式,即“年-月-日T時(shí):分:秒.毫秒Z”。還有常見(jiàn)的“YYYY-MM-DD hh:mm:ss”和“YYYY/MM/DD hh:mm:ss”等格式。
/* 時(shí)間字符串 */ time: '2020-07-06T14:30:22.000Z'; time: '2020-07-06 14:30:22'; time: '2020/07/06 14:30:22';
在CSS中使用時(shí)間戳或時(shí)間字符串可以通過(guò)CSS變量、偽元素或自定義屬性等方式實(shí)現(xiàn)。下面是一個(gè)示例:
/* 使用CSS變量表示時(shí)間戳 */ :root { --timestamp: 1594022222; } /* 使用偽元素的屬性content表示時(shí)間字符串 */ p::after { content: '2020-07-06 14:30:22'; } /* 使用自定義屬性data-time表示時(shí)間字符串 */ div[data-time='2020-07-06 14:30:22'] { background-color: yellow; }