Utility (Time): JS Timer

(() => {
    var clock;
    var diff = (a, b) => Math.round(Math.abs((a.getTime() - b.getTime()) / 1000));
    var i = 0;
    var punches = [];
    var timer = 5; //1200 for 20 minutes

var updateBtn = (e) => {
        e.target.innerText == "Stop" ? clearInterval(clock) : null;

if (i > 0) {
            var d = new Date();
            punches.push({
                type: e.target.innerText,
                time: d,
                tags: ["misc"]
            });
            console.log({
                punches
            })
            if (e.target.innerText == "Start") {
                clock = setInterval(() => {
                    var secs = diff(d, new Date());
                    var remaining = timer - secs;
                    if (remaining < 0) {} else {
                        console.log(`Time:${secs} Remaining:${remaining}`)
                    }
                    if (remaining == 0) {

clearInterval(clock);
                        e.target.innerText = "Start";
                        punches.push({
                            type: "Stop",
                            time: new Date(),
                            tags: ["misc"]
                        });
                        console.log({
                            punches
                        })
                        alert("Time is up!");

}
                }, 1000);

}

};
        i++;
        e.target.innerText = e.target.innerText == "Start" ? "Stop" : "Start";
    }
    var button = document.createElement("button");
    button.style.padding = "8px";
    button.onclick = (e) => updateBtn(e);
    document.body.append(button)
    button.click();
})()