Skip to main content
adicionou 13 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

Juntei outras ideias, algumas sugeridas nos comentários aqui.

window.onload = function () {
    var countms = 0;
    var counterms;
    var id_label_ms = document.getElementById("count_label_ms");
    var cronometro = {};
    var ativo = false;

    cronometro.start = function () {
        if (ativo) return;
        ativo = true;
        counterms = setInterval(function () {
            countms = countms + 1;
            id_label_ms.innerHTML = countms / 100 + " s";
        }, 10);
    };

    cronometro.stop = function () {
        clearInterval(counterms);
        ativo = false;
    };

    cronometro.reset = function () {
        cronometro.stop();
        ativo = false;
        id_label_ms.innerHTML = countms = 0;
    };

    ['start', 'stop', 'reset'].forEach(function (tipo) {
        var input = document.querySelector('input[name="' + tipo + '"]');
        input.addEventListener('click', cronometro[tipo]);
    });
};

###jsFiddle: http://jsfiddle.net/uj7vr2z7/http://jsfiddle.net/uj7vr2z7/1/

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

Juntei outras ideias, algumas sugeridas nos comentários aqui.

window.onload = function () {
    var countms = 0;
    var counterms;
    var id_label_ms = document.getElementById("count_label_ms");
    var cronometro = {};
    var ativo = false;

    cronometro.start = function () {
        if (ativo) return;
        ativo = true;
        counterms = setInterval(function () {
            countms = countms + 1;
            id_label_ms.innerHTML = countms / 100 + " s";
        }, 10);
    };

    cronometro.stop = function () {
        clearInterval(counterms);
        ativo = false;
    };

    cronometro.reset = function () {
        stop();
        ativo = false;
        id_label_ms.innerHTML = countms = 0;
    };

    ['start', 'stop', 'reset'].forEach(function (tipo) {
        var input = document.querySelector('input[name="' + tipo + '"]');
        input.addEventListener('click', cronometro[tipo]);
    });
};

###jsFiddle: http://jsfiddle.net/uj7vr2z7/

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

Juntei outras ideias, algumas sugeridas nos comentários aqui.

window.onload = function () {
    var countms = 0;
    var counterms;
    var id_label_ms = document.getElementById("count_label_ms");
    var cronometro = {};
    var ativo = false;

    cronometro.start = function () {
        if (ativo) return;
        ativo = true;
        counterms = setInterval(function () {
            countms = countms + 1;
            id_label_ms.innerHTML = countms / 100 + " s";
        }, 10);
    };

    cronometro.stop = function () {
        clearInterval(counterms);
        ativo = false;
    };

    cronometro.reset = function () {
        cronometro.stop();
        ativo = false;
        id_label_ms.innerHTML = countms = 0;
    };

    ['start', 'stop', 'reset'].forEach(function (tipo) {
        var input = document.querySelector('input[name="' + tipo + '"]');
        input.addEventListener('click', cronometro[tipo]);
    });
};

###jsFiddle: http://jsfiddle.net/uj7vr2z7/1/

adicionou 539 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

Juntei outras ideias, algumas sugeridas nos comentários aqui.

window.onload = function () {
    var countms = 0;
    var counterms;
 
function start   var id_label_ms = document.getElementById("count_label_ms");
    var cronometro = {};
    var id_label_msativo = documentfalse;

    cronometro.getElementByIdstart = function ("count_label_ms"); {
        if (ativo) return;
        ativo = true;
        counterms = setInterval(function () {
            countms = countms + 1;
            id_label_ms.innerHTML = countms / 100 + " s";
        }, 10);
    };

function    cronometro.stop = function () {
        clearInterval(counterms);
        ativo = false;
    };

function    cronometro.reset = function () {
        stop();
    var id_label_ms   ativo = document.getElementById("count_label_ms");false;
        id_label_ms.innerHTML = countms = 0;
    };

    ['start', 'stop', 'reset'].forEach(function (tipo) {
        var input = document.querySelector('input[name="' + tipo + '"]');
        input.addEventListener('click', cronometro[tipo]);
    });
};

###jsFiddle: http://jsfiddle.net/omq9dn22/1http://jsfiddle.net/uj7vr2z7/

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

var countms = 0;
var counterms;
 
function start() {
    var id_label_ms = document.getElementById("count_label_ms");
    counterms = setInterval(function () {
        countms = countms + 1;
        id_label_ms.innerHTML = countms / 100 + " s";
    }, 10);
}

function stop() {
    clearInterval(counterms);
}

function reset() {
    stop();
    var id_label_ms = document.getElementById("count_label_ms");
    id_label_ms.innerHTML = countms = 0;
}

###jsFiddle: http://jsfiddle.net/omq9dn22/1

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

Juntei outras ideias, algumas sugeridas nos comentários aqui.

window.onload = function () {
    var countms = 0;
    var counterms;
    var id_label_ms = document.getElementById("count_label_ms");
    var cronometro = {};
    var ativo = false;

    cronometro.start = function () {
        if (ativo) return;
        ativo = true;
        counterms = setInterval(function () {
            countms = countms + 1;
            id_label_ms.innerHTML = countms / 100 + " s";
        }, 10);
    };

    cronometro.stop = function () {
        clearInterval(counterms);
        ativo = false;
    };

    cronometro.reset = function () {
        stop();
        ativo = false;
        id_label_ms.innerHTML = countms = 0;
    };

    ['start', 'stop', 'reset'].forEach(function (tipo) {
        var input = document.querySelector('input[name="' + tipo + '"]');
        input.addEventListener('click', cronometro[tipo]);
    });
};

###jsFiddle: http://jsfiddle.net/uj7vr2z7/

adicionou 177 caracteres ao conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

var countms = 0;
var counterms; 

function start() {
    var id_label_ms = document.getElementById("count_label_ms");
    counterms = setInterval(function () {
        countms = countms + 1;
        id_label_ms.innerHTML = countms / 100 + " s";
    }, 10);
}

function stop() {
    clearInterval(counterms);
}

function reset() {
    stop();
    var id_label_ms = document.getElementById("count_label_ms");
    id_label_ms.innerHTML = countms = 0;
}

###jsFiddle: http://jsfiddle.net/omq9dn22/http://jsfiddle.net/omq9dn22/1

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

var countms = 0;
var counterms;
function start() {
    var id_label_ms = document.getElementById("count_label_ms");
    counterms = setInterval(function () {
        countms = countms + 1;
        id_label_ms.innerHTML = countms / 100 + " s";
    }, 10);
}

function stop() {
    clearInterval(counterms);
}

###jsFiddle: http://jsfiddle.net/omq9dn22/

A tua ideia está no caminho certo. Tens de colocar o counterms num escopo comum para poderes usar clearInterval(counterms).

Sugiro também retirares var id_label_ms = document.getElementById("count_label_ms"); para fora do setInverval para não pesar na performance. Esse elemento precisas só uma vez, e não a cada 10 milisegundos.

var countms = 0;
var counterms; 

function start() {
    var id_label_ms = document.getElementById("count_label_ms");
    counterms = setInterval(function () {
        countms = countms + 1;
        id_label_ms.innerHTML = countms / 100 + " s";
    }, 10);
}

function stop() {
    clearInterval(counterms);
}

function reset() {
    stop();
    var id_label_ms = document.getElementById("count_label_ms");
    id_label_ms.innerHTML = countms = 0;
}

###jsFiddle: http://jsfiddle.net/omq9dn22/1

Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294
Carregando