Функция автовызова в Durandaljs или Knockoutjs

Представления в durandal имеют жизненный цикл, поэтому вы можете использовать события для запуска (когда представление активирован) и остановить (когда представление деактивировано) таймер javascript. Добавьте в свою модель наблюдаемую ko с именем time_spent_trigger. Добавьте еще один ko вычисляемый наблюдаемый объект с именем time_spent_formatted, который выполняет все ваши расчеты момента и возвращает окончательный результат, но в верхней части сделайте так, чтобы он каким-то образом ссылался на time_spent_trigger. С вашей точки зрения, привяжите свойство time_spent_formatted вместо свойства time_spent. В событии активации запустите таймер, который обновляет time_spent_trigger каждую секунду. В событии деактивации отмените этот таймер. обновление значения для time_spent_trigger приведет к изменению и обновлению вычисляемого наблюдаемого в представлении.

JS:

define([
    'durandal/system',
    'knockout'
    ],
    function (system, ko) {
        var vm = {
            time_spent = ko.observable(),
            time_spent_trigger = ko.observable(0),
            activate: activate,
            deactivate: deactivate,
            updateTimerId = 0
        };

        vm.time_spent_formatted = ko.computed(function () {
          //reference the trigger observable in some way
          if (vm.time_spent_trigger() > 0)
          {
              //do your moment calculation and return here
              return result_of_moment_calculation
          } else {
              return "Not Started";
          }
        }

        return vm;

        function activate() {

            vm.updateTimerId = setInterval(function () {
                vm.time_spent_trigger(vm.time_spent_trigger() + 1);
            }, 10000);

        }

        function deactivate() {
            clearInterval(vm.updateTimerId);
        }
    });

HTML:

<div class="time-spent">
  <i class="fa fa-clock-o mrs fa-2"></i>
  <span data-bind="text: time_spent_formatted"></span>
</div>

Итак, вам в основном нужен относительный таймер, верно?

Нам нужен кто-то, чтобы сказать нам, какое сейчас время.

//clock.js    
define(function (require) {
    var
        events = require('durandal/events'),
        moment = require('moment'),
        clock = {};

    events.includeIn(clock);

    setInterval(function () {
        clock.trigger('time:changed', moment());
    }, 1000);

    return clock;
});

Как здесь ваш относительный таймер, который использует события часов.

//timer.js
define(function (require) {
    var
        ko = require('knockout'),
        moment = require('moment'),
        startTime = ko.observable(null),
        relativeTime = ko.observable(),

        start = function () {
            startTime(moment());
        },
        stop = function () {
            startTime(null);
        },
        clock = require('clock');

    clock.on('time:changed').then(function (time) {
        startTime() && relativeTime(moment.duration(time, startTime()).humanize());
    });

    return {
        relativeTime: relativeTime, //use data-bind="text: relativeTime"
        start: start,
        stop: stop
    }

});