Javascript如何setTimeout

Question

我有一些属性为<div id="10" piki="99" class='casella'></div> 。 它们的背景只是一种颜色（在CSS中指定）。 在click事件中，其背景被替换为图片；

$(this).css({
    'background-image' : 'url("' + images[x] + '")',
    'background-size' : 'contain'
});

之后，当发生明显事件（再次单击）时，我希望背景变成刚开始时的颜色。 这是通过$(this).removeAttr('style'); 。 问题是，我希望将图像显示一些额外的时间，然后再替换为背景色。

JS文件的简化版本：

window.onload = function() {
for(i=0; i<20; i++)
{
    //create 20 casellas and add them a class.
    $(jumbotron).append("<div id="+i+" piki="+r+ "    class='casella'>      </div>");///////////////////////////////////////////////////////////////////////////////////////////    follows happening when clicks are applied////////////////////////////////////////////////////////////////////

    $('.casella').click( function() {
        if (clickCount%2 == 0) {
            $(this).css({
            'background-image' : 'url("' + images[x] + '")',
            'background-size' : 'contain'
        });     
    }
    ..............................
    else
    {
            alert('trying to make them disappear');
            $(this).removeAttr('style'); 
    }

Answer 1

为此，您需要使用标题中所说的setTimeout 。

setTimeout(function(){
    // your code
}, yourInterval);

这是写setTimeout的方法。

Answer 2

var self = this    
setTimeout(function() {
    $(self).removeAttr('style'), timeinmilliseconds)
}