title: How change class with an automatic time
body: <p>html</p>
  
  <pre><code>&lt;ul class="slider"&gt;
     &lt;li&gt;Lipsum&lt;/li&gt;
      &lt;li&gt;lipsum&lt;/li&gt;
      &lt;li&gt;lipsum&lt;/li&gt;
       &lt;li&gt;lipsum&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>.active{
      color:#9c0;
  }
  </code></pre>
  
  <p>javascript (jquery)</p>
  
  <pre><code>$(document).ready(function(){
          $(".slider li:first-child").addClass("active");
          $("li").click(function () {
           $(".active").removeClass("active");
           $(this).addClass("active");
  
      });
  
  });
  </code></pre>
  
  <p>on page load the first li get class active, on click on every li its get class active and remove other active classes. I want the class changed automaticly with interval, like slideshow, how can I realize it.</p>
  
  <p><a href="http://jsfiddle.net/awkTU/" rel="nofollow">http://jsfiddle.net/awkTU/</a></p>