在setinterval上进行div闪烁

时间:2015-08-12 04:19:47

标签: jquery css setinterval

每秒一次,一个div应该闪烁。知道它改变了颜色,但我无法弄清楚如何在1秒内将其改回原来的颜色。我希望每个随机div在打开的窗口上显示绿色而不是黄色而不是返回绿色。然后转到下一个随机div

using (var cont = _entities)
{
    var query = cont.ParentTable;
    if(includechild1)
        query = query.Include("Child1");
    if(includechild1)
        query = query.Include("Child2");
    return query.ToList();
}

1 个答案:

答案 0 :(得分:0)

或许这样的事情:

HTML

div {
    height: 20px;
    width: 20px;
    border: 1px solid black;
}

.green {
    background: green;
}

.yellow {
    background: yellow;
}

CSS

var $divs = $('div');
var totalDivs = $divs.length;

function blinkRandomDiv() {
    var random = Math.floor((Math.random() * totalDivs));
    var randomDiv = $divs.eq(random);

    $divs.removeClass('yellow').addClass('green');

    randomDiv.toggleClass('green yellow');
}

setInterval(blinkRandomDiv, 1000);

的JavaScript

{{1}}

小提琴:TileView