Как показать div, когда мой таймер достигает нуля?

Question

вот мой код:

$('#TESTER').hide(); 
$('#titlehead2').click(
    function() { 
     var doUpdate = function() { 
      $('.countdown').each(function() { 
       var count = parseInt($(this).html()); 
       if (count !== 0) { 
        $(this).html(count - 1); 
       } 
      }); 
     }; 
     setInterval(doUpdate,1000); 
     if(count <= 0) $('#TESTER').show(); 
    } 
); 

#TESTER является ДИВ я хочу показать, когда таймер доходит до нуля, и # titlehead2 моей кнопки воспроизведения для таймера. Любая помощь будет высоко ценится.

Answer 1

Вы должны проверить значение counter в таймере

$('#TESTER').hide(); 
$('#titlehead2').click(function() { 
    var doUpdate = function() { 
     //need to look whether the looping is needed, if there are more than 1 countdown element then the timer logic need to be revisted 
     $('.countdown').each(function() { 
      var count = parseInt($(this).html()); 
      if (count !== 0) { 
       $(this).html(count - 1); 
      } else { 
       $('#TESTER').show(); 
       //you also may want to stop the timer once it reaches 0 
       clearInterval(timer); 
      } 
     }); 
    }; 
    var timer = setInterval(doUpdate, 1000); 
});