sencha touch重複任務

Question

我想從底部向上移動一個面板。順利。爲此我嘗試此代碼。

Ext.define("mathmania.view.Main", { 
extend: 'Ext.Panel', 
requries: [ 
    'Ext.util.DelayedTask' 
], 
xtype: 'panel', 
config: { 
    autodestory: true, 
    border: 1, 
    html: 'test panel', 
    bottom: 0, 
    centered: true, 
    padding: 10, 
    margin: '2%', 
    width: '95%', 
    listeners: { 
     painted: 'countdown' 
    } 
}, 
countdown: function() 
{ 
    var task = Ext.create('Ext.util.DelayedTask', function() { 
     this.setBottom(this.getBottom + 5); 
     task.delay(100); 
    }); 
    task.delay(0); 
} 

但每次它只能一次，不能多時間，重複任務的時間？順利移動這個浮動面板有沒有更好的方法，或者我在這段代碼中缺少什麼？

Answer 1

我試過使用do-while循環，面板現在移動了兩次，但仍然沒有達到目的。我覺得我缺乏循環中的某個地方。
希望這有助於一點點。

 Ext.define("mathmania.view.Main", { 
     extend: 'Ext.Panel', 
     requries: [ 
      'Ext.util.DelayedTask' 
     ], 
     xtype: 'panel', 
     config: { 
      id: 'main1', 
      autodestory: true, 
      border: 1, 
      html: 'test panel', 
      bottom: 0, 
      centered: true, 
      padding: 10, 
      margin: '2%', 
      width: '95%', 
      listeners: { 
       painted: 'countdown' 
      } 
     }, 
     countdown: function() 
     { 
      var a=Ext.getCmp('main1'); 
      var i=0; 
      var j=20; 
      do{ 
       var task = Ext.create('Ext.util.DelayedTask', function() { 
       a.setBottom(a.getBottom() + 10); 
       task.delay(500); 
        }); 
       task.delay(1000); 
       i++; 
      }while(i<j) 
     } 
    });