<div>
I'll look later in detail but it will look like<br />
<br />
<br />

<pre><code id="code-20-37884550-1">var tId;

$(&quot;button&quot;).click(function() {
    $(&quot;#session-warning&quot;).toggle();
    tId=setInterval(decrement, 1000);
});

function decrement() {
    var timeLeft = $(&quot;#time-left&quot;);
    var seconds = Number(timeLeft.text()) - 1;
    timeLeft.text(seconds)
    if (seconds == 60) $(&quot;#session-warning&quot;).toggle();
    if (seconds&lt;=0){
        $(&quot;#session-warning&quot;).text(&quot;Logout&quot;);
        clearInterval(tId);
    }
}</code></pre>
</div>


I'll look later in detail but it will look like




var tId;

$("button").click(function() {
    $("#session-warning").toggle();
    tId=setInterval(decrement, 1000);
});

function decrement() {
    var timeLeft = $("#time-left");
    var seconds = Number(timeLeft.text()) - 1;
    timeLeft.text(seconds)
    if (seconds == 60) $("#session-warning").toggle();
    if (seconds<=0){
        $("#session-warning").text("Logout");
        clearInterval(tId);
    }
}

<div>
<div class="content wysiwyg-content">
Hi All,<br />
<br />
Another developer on EE helped me partially with a piece of code i'd like to implement.<br />
<br />
I was looking for a hidden div that once triggered started a count down until the users sessions expired.<br />
<br />
The script that sort of helped is here <a href="http://jsfiddle.net/Proculopsis/FXZxQ/129/" rel="ugc">http://jsfiddle.net/Procul<wbr />opsis/FXZx<wbr />Q/129/</a> <br />
<br />
What I really want this hidden div to do is appear when the users session has 60 seconds left. It also needs a button to extend the session and one to end the session immediately.<br />
<br />
Could anybody help me achieve this result? For testing purposes session length can be 2 minutes.
</div>
</div>


Hi All,

Another developer on EE helped me partially with a piece of code i'd like to implement.

I was looking for a hidden div that once triggered started a count down until the users sessions expired.

The script that sort of helped is here http://jsfiddle.net/Proculopsis/FXZxQ/129/ (http://jsfiddle.net/Proculopsis/FXZxQ/129/) 

What I really want this hidden div to do is appear when the users session has 60 seconds left. It also needs a button to extend the session and one to end the session immediately.

Could anybody help me achieve this result? For testing purposes session length can be 2 minutes.

Button to stop and reset countdown?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.