想请教下setTimeout在触发后可以被取消么

场景:

一个div,鼠标移进去之后背景变红色色,然后两秒后背景再变成蓝色。鼠标移出来之后背景变回原来的黑色

我用两秒延迟变色我是用setTimeout来做的,但是现在遇到一个问题:

当鼠标移进去又立马移出来的时候,由于已经触发了setTimeout,会又把黑色变成蓝色。这里该怎么处理setTimeout的行为比较好呢?

个人解决方案:

我现在是通过setTimeout执行的时候判断背景色的标记字符串来做识别,然后决定要不要clearTimeout的,不知道有没有更好的办法?

demo:
http://output.jsbin.com/feyadiqemi

阅读 2.4k
评论
    3 个回答

      看了你的需求,你完全可以采用jquery的animation来做。
      它有动画阻断机制。且能很好的达到你要的效果

        • 383
          撰写回答

          登录后参与交流、获取后续更新提醒

          相似问题
          推荐文章