JSFiddle - React, Tailwind, and code Playground
HTML
<input type='button' id='timer' value='Timer'>
<input type='button' id='new' value='New'>
<span></span>
JavaScript
$(document).ready(function() {
mainLoop();
});
var counter = 0;
var timerIsOn = 0;
var t;
function mainLoop() {
handleInput();
timer();
}
function timerHandle() {
if (!timerIsOn){
timerIsOn = 1;
timer();
}
}
function timer(){
if (timerIsOn) {
t = setTimeout(mainLoop, 1000);
counter++;
$("span").text(counter); // To display the elapsed time
}
}
// Just simple buttons
function handleInput(){
$("#timer").unbind('click');
$("#timer").click(timerHandle);
$("#new").click(createThing);
}
function Thing() {
this.talk();
}
Thing.prototype.talk = function() {
alert("Hello!");
}
function createThing() {
new Thing;
}