在JavaScript中啟用CSS動(dòng)畫，您可以通過操作元素的樣式來實(shí)現(xiàn)，您需要獲取要應(yīng)用動(dòng)畫的元素，然后定義要執(zhí)行的動(dòng)畫樣式，***后使用JavaScript的計(jì)時(shí)器或事件處理程序來觸發(fā)動(dòng)畫。

假設(shè)您有一個(gè)HTML元素，您想要應(yīng)用一個(gè)淡入動(dòng)畫，您需要獲取該元素：

var element = document.getElementById('myElement');

您定義要執(zhí)行的動(dòng)畫樣式，假設(shè)您想要元素在2秒內(nèi)淡入，您可以創(chuàng)建一個(gè)CSS規(guī)則：

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

您需要將這個(gè)CSS規(guī)則應(yīng)用到您的元素上：

element.style.animation = 'fadeIn 2s';

您可以使用JavaScript的計(jì)時(shí)器或事件處理程序來觸發(fā)動(dòng)畫：

// 使用計(jì)時(shí)器觸發(fā)動(dòng)畫
var timer = setTimeout(function() {
  element.style.animation = 'fadeIn 2s';
}, 1000); // 1秒后觸發(fā)動(dòng)畫
// 使用事件處理程序觸發(fā)動(dòng)畫
element.addEventListener('click', function() {
  element.style.animation = 'fadeIn 2s';
});

在這個(gè)例子中，元素將在1秒后開始淡入，或者在用戶點(diǎn)擊元素后開始淡入，您可以根據(jù)自己的需求調(diào)整計(jì)時(shí)器和事件處理程序。

CSS動(dòng)畫需要瀏覽器支持，不同的瀏覽器可能有不同的前綴或版本要求，因此請(qǐng)確保您的CSS動(dòng)畫在所有目標(biāo)瀏覽器中都有效。