Automatic time update

Question

I'm showing current time on a button in Sencha-2. Time is updating but only once. I want continuous updation

Below is my code:-

    Ext.define("Stackoverflow.view.Demo", {
    extend: "Ext.Container",
    alias: "widget.demo",
    config: {

            items: [{
                xtype: "toolbar",
                id: 'clocktool',
                docked: "bottom",
                items: [
                    {
                        xtype: 'button',
                        itemId: "clock",
                        id:'clock',
                        text: Ext.Date.format(new Date(),'g:i:s A')

                    }
                ]
            }]

        },  

        initialize: function(){
        console.log("initializing main view");
        Ext.defer(this.refreshDate, 1000, this);

        },
        refreshDate: function() {
        console.log("refreshing date");
        var btn = Ext.getCmp('clock');
        btn.setText(Ext.Date.format(new Date(),'g:i:s A'));
        console.log("done");
        }

    });

Thanks in advance. Any other approach for showing the time in sencha-2 is also welcomed.

Titouan de Bailleul · Accepted Answer · 2012-10-09T09:26:22.167

2

When the view that contains the button initiates, just do something like this :

Ext.defer(this.refreshDate, 1000, this);

Then juste create a function called refreshDate :

refreshDate: function() {
  var btn = ... // get your button

  btn.setText(Ext.Date.format(new Date(),'g:i:s A'));

  Ext.defer(this.refreshDate, 1000, this);
}

Hope this helps

edited Oct 09 '12 at 09:26

answered Oct 08 '12 at 18:07

Titouan de Bailleul

12,920
11
66
121

I have updated my code(by adding your code). It is working but only once. Can you help me where i am lacking. – Vikal Sharma Oct 09 '12 at 06:39
I forgot something. You need to call refreshDate within refreshDate so that you create an infinite loop. – Titouan de Bailleul Oct 09 '12 at 09:27

Automatic time update

1 Answers1