在extjs自動更新時間

我想在我的應用程序中使用Extjs 3編寫的窗口上顯示當前時間。時間應該每隔一秒更新，但我不知道如何執行此操作。這是我的代碼：任何人都可以幫助我嗎？在extjs自動更新時間

function gettime(){ 
     var dt = new Date(); 
     dt = dt.format('h:i:s'); 
     return dt; 
    }; 

var clock = { layout:'form', frame:false, region:'center', height:100, width:400, 
items:[{id: 'currtime', xtype: 'displayfield',fieldLabel: 'Current Time' 
,value:gettime()}]}`

來源

2013-07-29 MSH

使用TaskManager或香草setInterval功能定期運行更新的代碼。

編輯

例子：

// Keep a ref, in case you want to stop it later 
var task = Ext.TaskMgr.start({ 
    interval: 1000 
    ,run: function() { 
     Ext.getCmp('currtime').setValue(gettime()); 
    } 
});

來源

2013-07-29 08:21:43 rixo

你能舉個例子嗎？我用setInterval但它沒有工作！ – MSH

您可以在文檔中找到示例：http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.util.TaskRunner http://www.w3schools.com/jsref/met_win_setinterval。 asp –

@msh看我的編輯。 – rixo

如果你不需要它的每一秒，而是每一分鐘，你可以這樣做以下，你只會搶時間微小的變化：

(function startClock() { 
    var now = new Date(); 
    var sec = now.format('s'); 
    var runner = new Ext.util.TaskRunner(); 
    var task = function(dt) { 
     // start the interval 
     runner.start({ 
      run: function() { 
       Ext.getCmp('currtime').setValue(gettime()); 
      }, 
     interval: 60000 // 1 minute 
     }); 
    }; 

    Ext.getCmp('currtime').setValue(gettime()); // inital set time 
    Ext.defer(task, (60 - sec) * 1000, this, [now]); // get the time on next minute change 
})();

來源

2013-07-29 21:20:51 radtad

此代碼可以幫助你，我用的ExtJS版本4.2.1

Ext.onReady(function() { 

var filterPanel = Ext.create('Ext.panel.Panel', { 
bodyPadding: 5, 
width: 200, 
title: 'Update Time in ExtJS', 
items: [{ 
    fieldLabel: 'Time', 
    id: 'txtTime', 
    name: 'txtTime', 
    xtype: 'textfield' 
    } 
], 
renderTo: Ext.getBody() 
}); 

Ext.TaskManager.start({ 
    run: function() { 
     Ext.getCmp('txtTime').setValue(Ext.Date.format(new Date(), 'H:i:s')); 
    }, 
    interval: 1000 
}); 

});

來源

2013-08-27 23:16:19 user2336319

在extjs自動更新時間

回答

相關問題