Mootools and repeated js execution

Question

How do you make javascript codes execute repeatedly? Say I have a DIV with id='box' and with innerHTML of 1. Then, say we have a link "add me up", which when you click and hold your mouse, the function will repeatedly increment the inner html by 1 until you let go of the mouse?

dragging mootools into the scenario, how can i run the code repeatedly in 2 second delay each?

Answer 1

[Edited]

var myTmr = null,
    incFunc = function () {
        if (!$('clickme').hasClass('down')) {
            return false;
        }

        var box = $('box');
        /* increment logic. */
        box.set('text', box.get('text').toInt() + 1);
        myTmr = incFunc.delay(2000);
    };

$('clickme').addEvents({
    'click': function (e) {
            e.stop();
        },
    'mousedown': function (e) {
            e.stop();
            this.addClass('down');
            incFunc();
        },
    'mouseup': function (e) {
            e.stop();
            this.removeClass('down');
            $clear(myTmr);
        }
});

Answer 2

here is not the ideal solution but the point to start from

var timer;
var up = function() {
    var box = $('box');
    var counter = box.get('text').toInt();

    counter++;
    box.set('text', counter);
};
$$('a#addMeUp').addEvents({
    'mousedown': function(event) {
        event.preventDefault();

        timer = up.periodical(2000);
    },

    'mouseup': function() {
        $clear(timer);
    }
})