为 addClass/removeClass 提供持续时间

Question

我正在尝试设置一些同一类的add/removeClass函数，具体取决于正在发生的事情。它可以工作，但问题是其中一个（绑定到 loadstart 的函数）需要与其他两个不同的持续时间，因此放置transition-duration不起作用。

我四处寻找方法，但它们不起作用。 CSS 是

#MyT{
    height:786px;
    width:1024px;
    position:absolute;
    z-index:2;
    transition: opacity 1.0s linear;
    -webkit-transition: opacity 1s linear;
    margin-left:-8px; 
    margin-top:-16px;
}
.clear {
    opacity: 0;
}

剧本是

 $('#myVid').bind("ended", function(){  
      $('#MyT').removeClass('clear');
    });

 $('#myVid').bind("loadstart", function(){          
      $('#MyT').removeClass('clear');
    });

 $('#myVid').bind("playing", function(){  
      $('#MyT').addClass('clear');
    });

我可以得到一些帮助吗？

Answer 1

** 编辑：

尝试类似以下内容：setTimeout("$('#MyT').removeClass('clear')", 500);

.

jQuery的Delay函数可能会对此有所帮助。

更多详情请见：http://api.jquery.com/delay/