假設(shè)當(dāng)前有5個(gè)div，每個(gè)div都有一個(gè)hover事件，當(dāng)hover時(shí)這個(gè)div會(huì)執(zhí)行一段動(dòng)畫(huà)，當(dāng)已勻速去依次hover時(shí)，事件效果正常，但當(dāng)你迅速移過(guò)它們時(shí)，就會(huì)出現(xiàn)一個(gè)動(dòng)畫(huà)還沒(méi)結(jié)束，另外一個(gè)動(dòng)畫(huà)又開(kāi)始，該如何去避免這樣的現(xiàn)像？動(dòng)畫(huà)效果是用css3實(shí)現(xiàn)的。我的做法是用setTimeout,但是，沒(méi)有效果，所以向各位請(qǐng)教怎么處理這個(gè)問(wèn)題？大致的代碼：   enterFunc(index){         this.setState({             currenIndex:index         })   }   render(){       return (            <div className="test">                {   //class 'on'里有動(dòng)畫(huà)                  this.props.arr.map((item,index) => {                      <div                       className={this.state.currentIndex === index?'list on':'list'}                      onMouseEnter={this.enterFunc.bind(this,index)}                      >                           //內(nèi)容。。                      </div>                  })                }            </div>       )   }