HTML5動畫是在網頁開發中非常重要的一部分，它能夠讓網頁更加生動，增強用戶體驗，而時間設置也是動畫設計中非常關鍵的一環。

時間設置是指控制動畫效果的開始時間、持續時間、結束時間以及延遲時間等。在HTML5中，我們可以使用CSS3 animation屬性控制動畫的時間設置。

animation: name duration timing-function delay iteration-count direction;

其中，name表示動畫的名稱，可以在CSS中使用@keyframes定義；duration表示動畫的持續時間，單位是秒(s)或毫秒(ms)；timing-function表示動畫的時間曲線，常見的有ease、linear、ease-in、ease-out等；delay表示動畫的延遲時間，單位也是秒或毫秒；iteration-count表示動畫的重復次數，可以是具體的數字，也可以是infinite表示無限次重復；direction表示動畫的播放方向，有normal和reverse兩個選項。

下面是一個實例：

div {
animation: myanimation 5s ease-in-out 2s infinite normal;
}
@keyframes myanimation {
from {transform: rotate(0deg)}
to {transform: rotate(360deg)}
}

上面的代碼表示，將一個div元素做成一個動畫，名稱為myanimation，持續時間為5秒，時間曲線為ease-in-out，延遲時間為2秒，重復次數為無限次，播放方向為正常。@keyframes中定義了動畫的起始與結束狀態，動畫從0度旋轉到360度。

總之，對于HTML5動畫的時間設置，需要靈活運用animation屬性，結合@keyframes實現豐富多彩的動畫效果。