JavaScript setInterval() Method

by Sayham Chowdhury

HTML

<div><center>
    <div id="dtPnl">Hit start..</div>
    <button href="#" onClick="autoDtSrt(); return false;">START</button>
    <button href="#" onClick="autoDtStp(); return false;">STOP</button>
    <button href="#" onClick="autoDtRst(); return false;">RESET</button>
</center></div>

CSS

#dtPnl
{
    padding: 10px;
    width: 300px;
    color: cyan;
    background: black;
    border: 1px solid teal;
}

JavaScript

var dtId;
function autoGenDt() {
    var date = new Date();
    document.getElementById("dtPnl").innerHTML = date;
}
function autoDtSrt() {
    if (dtId) {
        clearInterval(dtId);
    }
    dtId = setInterval(function () {
        autoGenDt();
    }, 1000);
};

function autoDtStp() {
    clearInterval(dtId);
};

function autoDtRst() {
    document.getElementById("dtPnl").innerHTML = 'Reset complete, hit start..';
    clearInterval(dtId);
};