<title>Bootstrap-session-timeout - Basic Usage</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>Basic Usage</h2>

<hr>

<p>Shows the warning dialog 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 is reset. </p>

<pre>

$.sessionTimeout({

keepAliveUrl: 'keep-alive.html',

logoutUrl: 'login.html',

redirUrl: 'locked.html',

warnAfter: 3000,

redirAfter: 10000

});

</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

});

</script>