Заменить DIV с другой DIV каждые 30 секунд

Question

Мой код:

<div class="employee"> 
<div class="text">Number of Employees</div> 
<div class="number">50</div> 
</div> 

Я хочу ниже DIV, чтобы заменить выше DIV, каждые 30 секунд. т.е. выше DIV отображается в течение 30 секунд, затем ниже Дивы дисплеев в течение 30 секунд, а затем обратно к выше DIV в течение 30 секунд, и так далее ....

<div class="recruit"> 
<div class="text">Recruiting</div> 
<div class="number">1</div> 
</div> 

Я знаю, как сделать это OnClick -

$(".employee").click(function() { 
$(this).replaceWith("<div class="recruit"><div class="text">Recruiting</div><div class="number">1</div></div>"); 
}); 

Но я не знаю, как автоматизировать это, чтобы менять каждые 30 секунд?

Answer 1

Вы можете использовать:

setInterval(function(){ 
    if($('.employee').length) 
     $('.employee').replaceWith('<div class="recruit"><div class="text">Recruiting</div><div class="number">1</div></div>'); 
    else 
     $('.recruit').replaceWith('<div class="employee"><div class="text">Number of Employees</div><div class="number">50</div></div>'); 
},30000); 

Working Demo with 3 seconds toggling