animate.css是一款非常流行的CSS動畫庫，它提供了大量的動畫效果，可以實現各種視覺效果，從而使網站更具活力。animate.css中每個動畫效果的持續時間是不同的，下面我們來學習如何調整動畫時間長度。

/* 動畫時間控制 */
.animated {
animation-duration: 1s;
}
/* 類似彈跳的效果 */
.bounce {
animation-name: bounce;
}
/* 類似閃爍的效果 */
.flash {
animation-name: flash;
}
/* 類似旋轉的效果 */
.rotateIn {
animation-name: rotateIn;
}

在上面的示例代碼中，我們為樣式表中所有的animated類添加了animation-duration屬性，用于控制動畫效果持續的時間。具體來說，上面的代碼表示動畫效果持續1秒鐘。

除了animation-duration屬性以外，我們還可以通過修改animation-delay屬性來控制動畫效果的時間延遲，例如：

/* 動畫時間控制 */
.animated {
animation-duration: 1s;
}
/* 動畫延遲控制 */
.delay-2s {
animation-delay: 2s;
}
/* 類似彈跳的效果 */
.bounce {
animation-name: bounce;
}
/* 類似旋轉的效果 */
.rotateIn {
animation-name: rotateIn;
}

上面的代碼中，我們為樣式表中所有的animated類添加了animation-duration屬性和delay-2s類，用于控制動畫效果持續的時間和延遲的時間，具體來說，上面的代碼表示動畫效果持續1秒鐘，并且延遲2秒開始播放。

通過上述示例，我們可以輕松地掌握animate.css中動畫效果的時間控制方法，從而實現網站中更加豐富的動畫效果。