如何灰化 Div 并设置超时

Question

所以我有一个div，我希望它变灰 10 秒，然后正常使用 jquery 的超时函数是否可以以及如何实现它我是 jquery 的菜鸟，所以如果有人可以帮助我

类似于使div 不可点击

<div id="grayout">
  Some Content Here
 </div>

Answer 1

尝试使用 jQuery 函数 delay 添加一个类，等待 10 秒，然后将另一个函数排队以将其删除：

$("#grayout").addClass("gray").delay(10000).queue(function(next){
    $(this).removeClass("gray");
    next();
});

CSS中的灰色如下所示：

.gray{
     // Disable div, make gray etc
     background-color: #d3d3d3;
}

工作示例：http://codepen.io/JasonGraham/pen/xOxyRy

Answer 2

您可以使用

setInterval

setInterval（function（）{ $（"#grayout"）.css（"background-color"，"none"） }， 10000）;

但首先您必须将灰色设置为您的div

一些内容在这里