yandex
loader

please wait

  • Priyanka Chadda Mar-14-2019 06:12:42 AM ( 2 months ago )

     

    I've made a timer that starts when you click a button. I want the timer to stop when the value of time reaches 5 but for some reason it isn't working.

    let words = document.getElementById("Words");
    let wordAr = ["The" , "quick" , "brown" , "fox" , "jumped" , "over" , "the" , "lazy" , "dog"];
    let textIn = document.getElementById("Input");
    let timer = 0;
    let time = document.getElementById("Timer");
    let wPM = 0;
    let wpm = document.getElementById("WPM");
    let text = document.getElementById("text");
    
    words.innerHTML = wordAr.slice(0,9).join(" ");
    
    window.addEventListener("keydown", function(key){
        if(key.keyCode == 32){
            for (let i=0; i < 1; i++){
                wPM+=1;
                wpm.innerHTML = wPM;    
            };
        };
    });
    
    let start = document.getElementById("start");
    
    function incTime(){
        timer++;
        time.innerHTML = timer;
    };  
    
    function initTime(){
        setInterval(incTime, 1000);
    };
    
    if(timer == 5){
        console.log("done");
    };

    I've tried adding .value and using single equals and triple equals but all attempts are futile.
  • Pooja Bhardwaj Mar-14-2019 06:14:35 AM ( 2 months ago )

    Add timer condition with in incTime() function.And use clearInterval() for break the setInterval

    var timer = 0;
    
    function incTime() {
      timer++;
      console.log(timer);
      if (timer == 5) {
        clearInterval(time_int);
        console.log('breaked')
      };
    };
    var time_int = '';
    
    function initTime() {
      time_int = setInterval(incTime, 1000);
    };
    initTime()

Please login

Similar Discussion

Recommended For You