Javascript - 在循环中更新同一类的所有div

Question

我正在尝试使用普通的Javascript循环使用某个类更新所有div（逐个）的CSS。这是：

    var timerCoinRow = 0;
    var rows = document.querySelectorAll('.coin-row');
    for (var i=0; i<rows.length; i++) 
    {
        timerCoinRow += 500;
        obj = rows[i];  

        setTimeout(function () 
        {

            obj.style.opacity = 1;

        }, timerCoinRow);

    }

由于某种原因它不起作用。这里是JQuery版本工作正常，但我需要它在简单＆＃34;香草＆＃34;使用Javascript：

var timerCoinRow = 0;
    $('.coin-row').each(function () 
    {
        timerCoinRow += 500);
        var obj =$(this);
        setTimeout(function () 
        {

            obj.css('opacity', '1');

        },timerCoinRow,obj);

    });

当我将obj.style.opacity = 1;置于超时之外时 - 所有div都会更新但同时我需要它们一个接一个地出现，暂停500ms 。请帮忙 - 它在附近但是.......