Execute after bindings complete

HTML

<div id="hello" data-bind="customtext:greeting"></div>
<div id="Status"></id>

JavaScript

ko.bindingHandlers.customtext = {
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        
        // Hang for 10 seconds (while loading / processing)
        var s = 10; // seconds to wait
        console.log("Hanging for " + s + " seconds...");
        var n = (new Date()).getTime();
        while (n + s*1000 > (new Date()).getTime())
        {
            // Do nothing
        }
        console.log("Done Hanging...");

        // Apply the standard text binding
         ko.applyBindingsToNode(element, {                       
            text: valueAccessor()
         });
        
         console.log("Binding Complete.  Value of text is " + document.getElementById('hello').InnerHTML);        
    }
};

var vm = {
    greeting: ko.observable("Hello World")
}

ko.applyBindings(vm);
console.log("after apply bindings");