JSFiddle - React, Tailwind, and code Playground

by Ismail Ibraheem Shurrab

HTML

<a href="#" class="play">Play</a>
<a href="#" class="pause">Pause</a>
<h1>Seconds:</h1>

JavaScript

var output = $('h1');
var isPaused = false;
var time = 0;
var t = window.setInterval(function() {
    if(!isPaused) {
        time++;
        output.text("Seconds: " + time);
    }
}, 1000);

//with jquery
$('.pause').on('click', function(e) {
    e.preventDefault();
    isPaused = true;
});

$('.play').on('click', function(e) {
    e.preventDefault();
    isPaused = false;
});