JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

Time will loop after 30 seconds...
<div id='seconds-counter'> </div>

<div id='counter'> </div>


<a href="#" onmousedown="" onmouseup=""><div class="box">Click Me!</div></a>

JavaScript

var seconds = 0;
var el = document.getElementById('seconds-counter');

var count = 0;
var counter = document.getElementById('counter');



function incrementSeconds() {
    seconds += 1;
    el.innerText = seconds + " seconds.";
    if (seconds == 30) {seconds = 0;count = (count + 1);
    counter.innerText = count;
    }
}

var cancel = setInterval(incrementSeconds, 1000);