Mootools и повторное выполнение js

Question

Как вы производите javascript-коды повторно? Скажем, у меня есть DIV с id = 'box' и с innerHTML of 1. Тогда, скажем, у нас есть ссылка «add me up», которая, когда вы нажимаете и удерживаете мышью, функция будет многократно увеличивать внутренний html на 1 до вы отпустили мышь?

перетаскивание mootools в сценарий, как я могу запустить код повторно за 2 секунды задержки каждый?

Answer 1

[Изменено]

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

здесь не является идеальным решением, но точка начать с

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