Mootools et exécution répétée de js

Question

Comment exécuter les codes javascript à plusieurs reprises? Dire que j'ai un DIV avec id = 'box' et avec innerHTML de 1. Ensuite, disons que nous avons un lien "add-up", qui lorsque vous cliquez et maintenez votre souris, la fonction incrémentera de façon répétée le html interne de 1 jusqu'à tu lâches la souris?

en faisant glisser mootools dans le scénario, comment puis-je exécuter le code à plusieurs reprises dans un délai de 2 secondes chacun?

Answer 1

[Modifié]

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

ici n'est pas la solution idéale, mais le point de début de

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); 
    } 
})