show-countdown form jquery-session-timeout

Habe ich gefunden https://github.com/travishorn/jquery-sessionTimeout das jquery-session-timeout, den ich verwenden wollte in meinem Projekt.

Sieht es funktionieren im hintergrund, obwohl möchte ich zeigen, countdown-Zeit in einem text?

Wie kann ich den timer, oder habt Ihr irgendwelche anderen Vorschlag außer dieser?

(function( $ ){
    jQuery.sessionTimeout = function( options ) {
        var defaults = {
            message      : 'Your session is about to expire.',
            keepAliveUrl : '/keep-alive',
            redirUrl     : '/timed-out',
            logoutUrl    : '/log-out',
            warnAfter    : 900000, //15 minutes
            redirAfter   : 1200000 //20 minutes
        };

        //Extend user-set options over defaults
        var o = defaults,
                dialogTimer,
                redirTimer;

        if ( options ) { o = $.extend( defaults, options ); }

        //Create timeout warning dialog
        $('body').append('<div title="Session Timeout" id="sessionTimeout-dialog">'+ o.message +'</div>');
        $('#sessionTimeout-dialog').dialog({
            autoOpen: false,
            width: 400,
            modal: true,
            closeOnEscape: false,
            open: function() { $(".ui-dialog-titlebar-close").hide(); },
            buttons: {
                //Button one - takes user to logout URL
                "Log Out Now": function() {
                    window.location = o.logoutUrl;
                },
                //Button two - closes dialog and makes call to keep-alive URL
                "Stay Connected": function() {
                    $(this).dialog('close');

                    $.ajax({
                        type: 'POST',
                        url: o.keepAliveUrl
                    });

                    //Stop redirect timer and restart warning timer
                    controlRedirTimer('stop');
                    controlDialogTimer('start');
                }
            }
        });

        function controlDialogTimer(action){
            switch(action) {
                case 'start':
                    //After warning period, show dialog and start redirect timer
                    dialogTimer = setTimeout(function(){
                        $('#sessionTimeout-dialog').dialog('open');
                        controlRedirTimer('start');
                    }, o.warnAfter);
                    break;

                case 'stop':
                    clearTimeout(dialogTimer);
                    break;
            }
        }

        function controlRedirTimer(action){
            switch(action) {
                case 'start':
                    //Dialog has been shown, if no action taken during redir period, redirect
                    redirTimer = setTimeout(function(){
                        window.location = o.redirUrl;
                    }, o.redirAfter - o.warnAfter);
                    break;

                case 'stop':
                    clearTimeout(redirTimer);
                    break;
            }
        }

        //Begin warning period
        controlDialogTimer('start');
    };
})( jQuery );

- und das ist das funktionierende Beispiel => http://jsfiddle.net/xHEF9/515/

Was ist dein problem? seine feinen arbeiten!!!
Ich kann nicht zeigen, wird der timer in einem text
Wenn Sie dies tun könnte, dann ist y können nicht Sie es jetzt tun?
Es ist vom woking-Beispiel github.com/travishorn/jquery-sessionTimeout, dass ich nicht zeigen kann, wird der countdown von Variablen oder timer. Ich denke $('.mytimertext').text(timervariable) vielleicht funktioniert, aber ich weiß nicht, hier kann ich das genau und was kann ich anstelle von timervariable? Haben Sie eine Idee?
Während es möglich ist, die Zeit die Links von setTimeout() sich, dieses plugin scheint es nicht zu geben, die Funktionalität.

InformationsquelleAutor user3122158 | 2013-12-20

Versuchen, diese

var SessionTime = 10000;
var tickDuration = 1000;

var myInterval = setInterval(function() {
    SessionTime = SessionTime - tickDuration
    $("label").text(SessionTime);
}, 1000);

var myTimeOut = setTimeout(SessionExpireEvent, SessionTime);

$("input").click(function() {
    clearTimeout(myTimeOut);
    SessionTime = 10000;
    myTimeOut = setTimeout(SessionExpireEvent, SessionTime);
});

function SessionExpireEvent() {
    clearInterval(myInterval);

    alert("Session expired");
}