Skip to Content
Author's profile photo Former Member

Timeout / Countdown Timer on CRM WebUI

In my previous post : Session Time out warning message on UI , I wrote about the session warning message popup on WebUI. It was my first work in JS on WebUI. Many people found it helpful. Many found a bug in that. Well, anyone with some JS knowledge could have fixed that.

In this post, i’ll tell you about creating a Timeout Timer on WebUI so that user can see how much time is remaining in the session. This is again achieved by htm page of ‘CRM_UI_FRAME/WorkAreaViewSet ‘

Step 1 : Get the session timeout value from ‘rdisp/gui_auto_logout’ parameter, table : TPFET.

Step 2 : html and JS code :-

<span id="countdown" class="timer" style="display: block; margin: 0px auto; text-align: center;"></span>
var seconds = <%= ls_proftab-PVALUE %> ;
var start = 0;
function secondPassed() {
    var minutes = Math.round((seconds - 30)/60);
    var remainingSeconds = seconds % 60;
    if (remainingSeconds < 10) {
        remainingSeconds = "0" + remainingSeconds;
document.getElementById('countdown').innerHTML = "Time out in " + minutes + ":" + remainingSeconds;
    if (seconds == 0) {
        document.getElementById('countdown').innerHTML = "Time Up";
        start = 0 ;
    } else {
        setTimeout(secondPassed, 975);
function secondStart() {
seconds = <%= ls_proftab-PVALUE %> ;
  if (start == '1')
  { secondPassed() ; }

There was more to this code then just the timer. See my next post for more interesting features.

P.S. : Few portions of the code have been pulled out as that was not relevant here. Correct syntax errors in this JavaScript if any.

Assigned Tags

      1 Comment
      You must be Logged on to comment or reply to a post.
      Author's profile photo Christian Drumm
      Christian Drumm

      Hi Nitin,

      i just want to point out that this feature is now also available in the SAP standard.

      Please check the following blog post for further details: WEBCUIF EhP3 SP08 - Release Notes