javascript - 给 addClass/removeClass 持续时间

标签 javascript jquery css css-transitions

我正在尝试设置一些相同类的添加/删除类函数,具体取决于发生的情况。它有效,但问题是一个(绑定(bind)到 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');
    });

我能得到一些帮助吗?

最佳答案

** 编辑:

试试这样的:setTimeout("$('#MyT').removeClass('clear')", 500);

. . . . . . . . . . . . . . . . . .

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

此处有更多详细信息:http://api.jquery.com/delay/

关于javascript - 给 addClass/removeClass 持续时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10566568/

相关文章:

php - 带有 Action 的表单内具有不同目标的按钮

javascript - 在 JQuery 中查找本月的第三个星期日

javascript - 创建动态间隔垂直线的背景

html - anchor 内的段落无法格式化

javascript - Firebase 实时数据库 - o​​rderByChild 不返回任何结果

javascript - 测量四个相似 Javascript 函数之间的 CPU 负载差异

jquery - Bootstrap 验证不起作用

javascript - 选择 allElementsByID 并向其添加类时出错

html - 使 float div 填充空白

css - 不同浏览器中的媒体查询