<title>Bootstrap-session-timeout - Countdown Timer</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">

<div class="container">

<h1>Bootstrap-session-timeout</h1>

<h2>Countdown Timer</h2>

<hr>

<p>Shows the warning dialog with countdown timer after 3 seconds. If user takes no action (interacts with the page in any way), browser is redirected to redirUrl. On any user action (mouse, keyboard or touch) the timeout timer as well as the countdown timer are reset (visible if you don't close the warning dialog). </p>

<pre>

$.sessionTimeout({

keepAliveUrl: 'keep-alive.html',

logoutUrl: 'login.html',

redirUrl: 'locked.html',

warnAfter: 3000,

redirAfter: 10000,

countdownMessage: 'Redirecting in {timer} seconds.'

});

</pre>

<a class="btn btn-primary" href="../index.html" role="button">Back to Demo Index</a>

</div>

<script src="../bower_components/jquery/dist/jquery.min.js"></script>

<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="../dist/bootstrap-session-timeout.js"></script>

<script>

$.sessionTimeout({

keepAliveUrl: 'keep-alive.html',

logoutUrl: 'login.html',

redirUrl: 'locked.html',

warnAfter: 3000,

redirAfter: 10000,

countdownMessage: 'Redirecting in {timer} seconds.'

});

</script>