Autonomous updating of display in knockoutjs

Question

How do I display and update the time without a user-generated event? Here's my start at it, but I cannot figure out how to get the view to refresh.

function viewModel() {
    this.clock = ko.computed(function() { return new Date().getTime(); }, this).extend({ throttle: 1000 });

};

ko.applyBindings(new viewModel());

with the following HTML:

<span data-bind="text: clock"></span>

Here's the jsfiddle.

Answer 1

This seemed to do the trick:

function viewModel() {
    var self = this;

    this.clock = ko.observable(new Date());

    this.tick = function() {
        self.clock(new Date());
    };

    setInterval(self.tick, 3000);
};

ko.applyBindings(new viewModel());

when coupled with this HTML:

<span data-bind="text: clock"></span>