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