set intervals between per click
<p>I have a working adding/removing numbers that I just created for showing the number of current page attached to the content slider which is not a feature of the slider ( please take a look <a href="http://sneakyrascal.com/coupon2" rel="nofollow">http://sneakyrascal.com/coupon2</a> )</p>

<p>slider changes each content per second when the arrow is clicked but the number will be changed immediately so when the user clicks on it 5 times quickly the content won't reach the number for example the page may be in the third page but the number is 5!</p>

<p>I've tried to use .delay it it didn't work... is there a way to add to the script so the click won't be immediate effect on the current number? For example more than one click on the arrow will effect only once per second, that should do the trick I think...</p>

<pre><code>$(function(){
  $(".jcarousel-next-horizontal").click(function(){
    var currentValue = $(".pages").text();
    var five = "5";
    var newValue = parseInt(parseFloat(currentValue)) + 1;
    $(".pages").text(newValue);
    if (currentValue==five) {
      $(".pages").text("5");
    }
  });

  $(".jcarousel-prev-horizontal").click(function(){
    var currentValue = $(".pages").text();
    var newValue = parseInt(parseFloat(currentValue)) - 1;
    var one = "1";
    $(".pages").text(newValue);
    if (currentValue==one) {
      $(".pages").text("1");
    }
  });
});
</code></pre>
