在JavaScript中使用CSS過渡（transition）效果，可以通過操作CSS樣式來實現(xiàn)，CSS過渡允許元素從一種樣式逐漸改變?yōu)榱硪环N樣式，從而實現(xiàn)動畫效果，在JavaScript中，我們可以使用element.style屬性來修改元素的樣式，并結合setTimeout或requestAnimationFrame函數(shù)來控制過渡的持續(xù)時間。

下面是一個簡單的示例，展示如何在JavaScript中使用CSS過渡效果：

1、我們需要創(chuàng)建一個HTML元素，并為其添加一些初始樣式：

<div id="myElement" style="width: 100px; height: 100px; background-color: red;"></div>

2、在JavaScript中，我們可以使用element.style屬性來修改元素的樣式，并添加過渡效果：

var myElement = document.getElementById('myElement');
// 添加過渡效果
myElement.style.transition = 'width 2s, height 2s';
// 修改樣式
myElement.style.width = '200px';
myElement.style.height = '200px';

在這個示例中，我們首先將元素的寬度和高度從100px過渡到200px，持續(xù)時間為2秒，我們使用setTimeout函數(shù)來延遲過渡效果的開始時間：

// 延遲過渡效果的開始時間
setTimeout(function() {
    myElement.style.width = '200px';
    myElement.style.height = '200px';
}, 1000); // 延遲1秒后開始過渡效果

通過這種方式，我們可以在JavaScript中輕松地添加CSS過渡效果，從而實現(xiàn)更豐富的動畫效果。