tajmeer

by lovromar

HTML

<div id="timer">Tu se prikazuje tajmer</div>

<span class="start">Start</span>
<span class="reset">Reset</span>




<div class="box1"><a href="#">one</a></div>

<div class="box2"><a href="#">two</a></div>

<div class="box3"><a href="#">three</a></div>
<div class="box4"><a href="#">four</a></div>

JavaScript

var timer;

function myTimer(sec) {
    if (timer) clearInterval(timer);
    timer = setInterval(function() { 
        $('#timer').text(sec--);
        if (sec == -1) {
            clearInterval(timer);
            alert('done');
            currDiv = jQuery('.box1');
               currDiv.show('slow');
            //  myTimer(4);
             currDiv = currDiv.next();

              
            
        } 
    }, 1000);
}



   jQuery("*[class^='box']").hide();



$(".start, .reset").click(function() {
    
 
    
    myTimer(4);
});