simple counter

http://stackoverflow.com/questions/17270047/create-a-counter-i-want-that-evry-1000-millisecond-it-increment

by lalatino

HTML

<div class="maindiv">
    <div><a href="www.google.com" class="divlink">div1</a>
    </div>
    <div><a href="www.google.com" class="divlink">div2</a>
    </div>
    <div><a href="www.google.com" class="divlink">div3</a>
    </div>
<a class="showmore" onclick="somefunctiontoloadmoreitems()">showmore</a>
</div>

JavaScript

$(function () {
    var md = $('.maindiv');
    var links = md.find('.divlink');
    setInterval(function(){
        var t = md.find('.divlink');
        var lasthref = t.eq(t.length-1).attr('href');
        var myhref = 'http://www.facebook.com';
        if (lasthref==myhref) {
            return;
        }
        t.attr('href',myhref);
        console.log(t.length, links);
        links = t;
    },200);
});

function somefunctiontoloadmoreitems() {
    for (var i = links.length + 1; i < links.length + 4; i++) {
        var t = $('<div><a href="www.google.com" class="divlink">div' + i + '</a></div>');
        this.parentNode.insertBefore(t[0], this);
    }
}