CSS中的時(shí)間間隔主要指動(dòng)畫效果中的時(shí)間控制，其實(shí)現(xiàn)方式主要依靠animation屬性。

/* animation屬性的語法 */
animation: name duration timing-function delay iteration-count direction fill-mode play-state;

其中，duration表示動(dòng)畫持續(xù)時(shí)間，單位可以是秒（s）或毫秒（ms），例如：

/* 動(dòng)畫持續(xù)2秒 */
animation: myanimation 2s;

timing-function表示時(shí)間函數(shù)，即動(dòng)畫效果的速度變化曲線，常用的包括linear（勻速）、ease-in（加速）、ease-out（減速）和ease-in-out（先加速后減速）等，例如：

/* 加速動(dòng)畫 */
animation: myanimation 2s ease-in;

delay表示動(dòng)畫延遲時(shí)間，可以與duration一樣使用秒或毫秒作為單位，例如：

/* 延遲1秒開始動(dòng)畫 */
animation: myanimation 2s ease-in 1s;

iteration-count表示動(dòng)畫重復(fù)次數(shù)，可以是具體數(shù)字或infinite（無限重復(fù)），例如：

/* 重復(fù)5次 */
animation: myanimation 2s ease-in 1s 5;
/* 無限重復(fù) */
animation: myanimation 2s ease-in infinite;

direction表示動(dòng)畫播放方向，可以是normal（正向播放）或reverse（反向播放），例如：

/* 反向播放，但是每次播放都從起點(diǎn)開始 */
animation: myanimation 2s ease-in 1s 5 reverse;
/* 反向播放，但是每次播放都從終點(diǎn)開始 */
animation: myanimation 2s ease-in 1s 5 alternate-reverse;

fill-mode表示動(dòng)畫完成后如何填充效果，可以是none（保持原樣）、forwards（保持最后一幀效果）、backwards（保持第一幀效果）或both（同時(shí)保持第一幀和最后一幀效果），例如：

/* 完成后保持最后一幀效果 */
animation: myanimation 2s ease-in 1s 5 reverse forwards;
/* 完成后同時(shí)保持第一幀和最后一幀效果 */
animation: myanimation 2s ease-in 1s 5 alternate both;

play-state表示動(dòng)畫播放狀態(tài)，可以是running（運(yùn)行中）或paused（暫停中），例如：

/* 動(dòng)畫暫停 */
animation: myanimation 2s ease-in 1s 5 alternate both paused;

以上就是CSS中關(guān)于時(shí)間間隔的基本用法，不同屬性的組合可以實(shí)現(xiàn)各種復(fù)雜的動(dòng)畫效果。