JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cronometro">
    <div class="a"></div>
    <button type="button" class="b">Iniciar</button>
    <button type="button" class="c">Pausar</button>
</div>
<div class="cronometro">
    <div class="a"></div>
    <button type="button" class="b">Iniciar</button>
    <button type="button" class="c">Pausar</button>
</div>
<div class="cronometro">
    <div class="a"></div>
    <button type="button" class="b">Iniciar</button>
    <button type="button" class="c">Pausar</button>
</div>

JavaScript

var Cronometro = function (opcoes) {
    this.opcoes = opcoes || {};
    this.contador = null;
    this.tempo = 0;
    this.configurar = function () {
        this.mostrador = this.opcoes.mostrador || document.querySelector('.mostrador');
        this.iniciar = this.opcoes.iniciar || document.querySelector('.iniciar');
        this.pausar = this.opcoes.pausar || document.querySelector('.pausar');
        this.iniciar.addEventListener('click', this.contar.bind(this));
        this.pausar.addEventListener('click', this.parar.bind(this));
        this.accao = this.opcoes.callback || function () {
            alert('chegou aos dez minutos!');

        }
    }

    this.contar = function () {
        var self = this;
        this.contador = setInterval(function () {
            self.mostrar.call(self, self.tempo++);
        }, 1000);
    }
    this.parar = function () {
        clearInterval(this.contador);
        this.contador = null;
    }
    this.formatarNumeros = function (nr) {
        var str = nr + '';
        return str.length < 2 ? '0' + str : str;
    }
    this.mostrar = function (tempo) {
        var minutos = Math.floor(tempo / 60);
        var segundos = tempo % 60;
        this.mostrador.innerHTML = [minutos, segundos].map(this.formatarNumeros).join(':');
        if (tempo == 36000) {
            this.parar();
            this.tempo = 0;
            this.accao();
            this.contar();
        }
    }

    this.configurar();
    this.contar();
}
var cronometros = document.querySelectorAll('.cronometro');
[].forEach.call(cronometros, function (cronometro, i) {
    // usando elementos que não os default
    var mostrador = cronometro.querySelector('.a');
    var iniciar = cronometro.querySelector('.b');
    var pausar = cronometro.querySelector('.c');
    setTimeout(function () { // só para não começarem ao mesmo tempo...
        new Cronometro({
            mostrador: mostrador,
            iniciar: iniciar,
            pausar: pausar
        });
 ...