clearTimeout() inside setTimeout() method not working in JS

Question

clearTimeout() inside setTimeout() method not working in JavaScript

var c = 0;
var t;

function timedCount() {
    document.getElementById('txt').value = c;
    c = c + 1;
    if (c == 5) {
        clearTimeout(t);
    }
    t = setTimeout(function () {
        timedCount()
    }, 1000);
}

jsFiddle

Answer 1

You need to prevent the rest of the code of executing, actually you are re-declaring t after clearing the setTimeout. Fiddle

var c = 0;
var t;

function timedCount() {
    document.getElementById('txt').value = c;
    c = c + 1;
    if (c == 5) {
        clearTimeout(t);
        return false;
    }
    t = setTimeout(timedCount, 1000);
}

Or just use the else statement:

if (c == 5) {
  clearTimeout(t);
  // do something else
}else{
  t = setTimeout(timedCount, 1000);
}

Answer 2

There will never be a timeout to clear when you call clearTimeout as the last one will have already fired and the next one won't have been set yet.

You want to change your logic so that if (c !== 5) { setTimeout(etc etc) }