setTimeout Start/Stop

by lovromar

HTML

<div class="kreni">kreni</div>
<div class="stani">stani</div>

CSS

#lovro {
    width:100px;
    height:30px;
background-color:yellow;
}


.kreni {
width:100px;
    height:20px;
    border:1px solid black;
}
.stani {
width:100px;
    height:20px;
    border:1px solid black;
}

JavaScript

var myVar;

function myFunction() {
    myVar = setTimeout(function(){ alert("Hello"); }, 1500);
}

function myStopFunction() {
    clearTimeout(myVar);
}



$(".kreni").click(function(){
    myFunction();
});

$(".stani").click(function(){
    myStopFunction();
});