Hide timer | Experience Community
Skip to main content
Question

Hide timer

  • April 16, 2020
  • 1 reply
  • 99 views
P
Level 2 ●●
Forum|alt.badge.img+6
  • pb7
  • Level 2 ●●

Hello,
I have a custom timer running in a looped block of questions. After time expires, the program automatically advances to the next block. The code below works well, but the timer is still visible after time expires and participants have moved to the next block. It shows as Time Remaining 0.00 on all pages after the looped block.
Is there a way to modify the code so that the timer is visible only in the timed block and not subsequent blocks? Thanks for your suggestions !
if("${lm://CurrentLoopNumber}" == "1") {
var header = document.createElement("div");  
 header.className = "header"  
 header.id = "header_1";  
var timer = document.createElement("div");  
 timer.className = "timer";  
 timer.id = "timer_1";  
 timer.innerHTML = "

  • Time Remaining: 01:00";
    header.appendChild(timer);
    document.body.insertBefore(header, document.body.firstChild);
    function startTimer(duration, display) {  
      var timer = duration, minutes, seconds;  
      var myTimer = setInterval(function() {  
           Qualtrics.SurveyEngine.setEmbeddedData('timeRemaining', timer);
       minutes = parseInt(timer / 60, 10)  
       seconds = parseInt(timer % 60, 10);  
       minutes = minutes < 10 ? "0" + minutes : minutes;  
       seconds = seconds < 10 ? "0" + seconds : seconds;  
       var text = ('innerText' in display)? 'innerText' : 'textContent';
       display[text] = minutes + ":" + seconds;
       if (--timer < 0) {  
        clearInterval(myTimer);  
    $('NextButton').click();
       }  
      }, 1000);  
     }  

    var timerSeconds = parseInt("${e://Field/timeRemaining}");  
    display = document.querySelector('#time');  
    startTimer(timerSeconds, display);  
     }

      • 1 reply

      npetrov937
      Level 2 ●●
      Forum|alt.badge.img+4
      • npetrov937
      • Level 2 ●●
      • April 18, 2020

      After the block where the time should not appear, add an embedded data variable - say, "timeFlag" - and set it to 1. Then in your code, add a condition that checks: if timeFlag != 1, only then execute the timer stuff.

      Hope that helps.

      Terms & ConditionsAccessibility statement