重置计时器？

Question

I'm having a bit trouble resetting a countdown timer. Here is the JSFiddle . It's basically a simple game where you have 5 seconds to select the word that is an anagram of a given word.

I'm basically trying to create a resetTimer() function (line 166) that will put the timer back to 5:00 if you've selected the correct answer.

This is the place in my code where I want to call the resetTimer() function.

  view.updateData = function() {
    view.assignWords();
    view.displayTimer();

    for(var i = 0; i < this.buttons.length; i++) {
      this.buttons[i].addEventListener('click', function(event) {
        if(event.target === dictionary.correctButton) {
          dictionary.words.pop(this.currWord);
          dictionary.updateWordCount();
          view.assignWords();
          view.updateScore();
          view.resetTimer();
        } else {
          view.displayLossScreen();
        }
      });
    }
  };

And this is the code for my timer which starts at 5:00 and goes down to zero.

  view.displayTimer = function() {
    var count = 500;
    var timer = setInterval(countdown, 10);

    function countdown() {
      if(count === 0) {
        clearInterval(timer);
        view.displayLossScreen();
      } else {
        count--;
      }
      document.getElementById("timer").innerHTML = (count / 100).toFixed(2);
    }
  };

Any help would be very much appreciated!

Answer 1

Consider following changes:

First setting count as global variable:

var count = 500;//global variable

view.resetTimer = function() {
    count=500;
  };

UPDATED DEMO

Updates:

Timer was going fast and faster because of line:

var timer = setInterval(countdown, 10);//setting new variable with interval every time

I have set timer as a global variable, and clearing it every time before starting:

var timer;//setting global variable
clearInterval(timer);//clearing timer
timer = setInterval(countdown, 10); 

Fixed DEMO