解決在使用CSS3製做不間斷輪播圖中 收尾鏈接後Interval 延時問題

問題：使用CSS3製做不間斷輪播圖中 原理就是克隆一個首個輪播圖在整個輪播圖的尾部，尾部播放放之後繼續播放克隆的首部塊，而後在把真整個塊拉回原來的位置 繼續播放。 其中涉及到的一個體驗不是很好的地方 就是 把整個輪播圖拉回來之後 繼續播放時，會比平時延遲兩倍的時間纔開始播放，找了好久的問題 終於找到了 由於這裏涉及到兩個操做過程。1：把整個塊拉回初始位置 2：第一個輪播圖等待播放時間 因此是兩倍的時間體驗感不是很好。

解決方案：‘’卡時間‘’ 原理就是在整個塊恢復到初始位置的時候 多加3個步驟 1是關掉interval 2是播放第一個輪播圖的過程 3 從新開啓interval 這裏恰好把輪播圖的播放時間卡掉了 節約了等待時間。整個流程 就很順暢

代碼：

H5:

CSS:

JS