如何使Div变灰并设定时间

时间:2016-05-30 09:40:57

标签: jquery html

所以我有一个<div id="grayout"> Some Content Here </div> ,我希望它会变灰10秒然后是正常的这可能是使用jquery的超时功能以及如何实现它我是一个菜鸟在jquery所以,如果有人可以帮助我

使得div无法点击

Dim sortColumns = "AppId ASC"
Dim query = $"SELECT * FROM (SELECT ROW_NUMBER() OVER (ORDER BY {sortColumns}) AS 'RowNumber'
                             FROM MyTable WHERE @keyword = '' OR AppId = @keyword) AS atd
                             WHERE (RowNumber BETWEEN @startRecord AND @endRecord);"

2 个答案:

答案 0 :(得分:2)

尝试使用jQuery函数延迟添加一个类,等待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

答案 1 :(得分:0)

您可以使用setInterval

setInterval(function(){$(“#grayout”)。css(“background-color”,“none”)},10000);

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

  一些内容在这里