JSFiddle - React, Tailwind, and code Playground

HTML

<div id="count"></div>
<button id="stop">Stop Counter</button>
<button id="start">Start Counter</button>

CSS

#count{ 
        box-sizing:border-box;
        height: 100px; 
        width: 100px;
        padding: 30px;
        margin-bottom: 30px;
        background-color: red;
        font-size: 40px;
        color: white; }

JavaScript

var eID;
        var $t = $('#count');
        $t.text('0');
   var duration=1000;
    $('#start').on('click',function(event) {
      event.stopPropagation();
      $t.text(0);
      eID = window.setInterval(function(){
            curr = $t.text();
            new_count = parseInt(curr) + 1;
            $t.text(new_count + '');
        },duration);
        $(this).addClass('active');
    });

    $('#stop').click(function (){
    	 $t.text(0);
        window.clearTimeout(eID);
        $('#start').removeClass('active');
    });