每30秒用另一个div替换div。

Question

我的代码：

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

我希望下面的div，替换上面的div，每30秒。上面显示30秒，下面显示30秒，然后回到上面30秒，以此类推……

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

我知道怎么做-

$( ".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);

工作演示用3秒切换