Jquery Delay Function

...to prevent unlimited event handle calling, for example on window resize.

HTML

<div><ul class="snapchart chart--x chart--right">
<li class="active"><div class="chart__text"><div class="chart__value">$4,750</div><div class="chart__label">Texas</div></div><div class="chart__fill" style="
    width: 72%;
"><div class="chart__icon"></div></div></li>
<li class="active"><div class="chart__text"><div class="chart__value">$4,750</div><div class="chart__label">highest in texas</div></div><div class="chart__fill" style="
    width: 80%;
"></div></li>
<li class="active"><div class="chart__text"><div class="chart__value">$4,750</div><div class="chart__label">Texas</div></div><div class="chart__fill" style="
    width: 45%;
"></div></li>
</ul>
</div>

JavaScript

/* var delay = (function () {
    var timer = 0;
    return function (callback, ms) {
        clearTimeout(timer);
        timer = setTimeout(callback, ms);
    };
})();

$(window).resize(function () {
    delay(function () {
        $("body").append("<br/>Resizing!"); 
        //run function here
    }, 125);
}); */

    bars = $('.chart__value');
        bars.each(function (index) {
            $(this).delay(1000 * index).text(index);
/*     time = index * 1000;
    delay(function () {
        console.log('hey');
    }, time); */
        });