隨著互聯網技術的不斷發展,CSS3動畫的應用越來越廣泛。而在實際開發中,我們有時會需要控制CSS3動畫的暫停和播放。那么如何使用JS來實現呢?
// 獲取動畫的元素
var box = document.querySelector('.box');
// 獲取動畫的樣式
var animation = box.style.animation;
// 暫停動畫
box.style.animation = 'paused';
// 恢復動畫
box.style.animation = animation;
以上代碼中,我們首先獲取需要控制的動畫元素,并獲取其動畫樣式。然后,我們通過將動畫樣式改為'paused'來暫停動畫,再通過將動畫樣式設置為之前獲取的樣式來恢復動畫。
需要注意的是,上述代碼僅適用于使用CSS3動畫實現動畫效果的情況。如果使用JS或其他庫實現動畫效果,則需要使用相應的API來暫停和恢復動畫。
下一篇js打印含css樣式