title: I need to call a function in every 5 second with time duration reset
body: <p>am using below jquery for change image in every 1 second </p>
  
  <p><code>window.setInterval(function(){
   imagechanger();
  }, 5000);</code></p>
  
  <p>as automatic changer its working fine. now i need to add  next button. I call the same imagechanger() function on the next button click. That is also working fine </p>
  
  <pre><code>$('body').on('click','#next',function(){
      imagechanger();     
   });
  </code></pre>
  
  <p>But suppose after calling the first change and waiting 4 seconds then i press the next button, when i click the button image is changing but the very next second another change call also triggered.</p>
  
  <p>So how can i reset the time ??</p>