JSFiddle - React, Tailwind, and code Playground

by Tahir Ahmed

HTML

<div></div>
<input type="button" value="Stop" />

JavaScript

var myObject = {count: 0};
var myButton = document.querySelector('input');
$(myObject).animate({count: '100'}, {progress: onProgress, duration: 4000});

myButton.addEventListener('click', onButtonClick, false);

function onButtonClick(){
    $(myObject).stop();
}

function onProgress(){
    document.querySelector('div').innerText = myObject.count;
}