Question

你好，我如何使用fadein() fadeout()效果下载代码我希望每个下一个号码都带有fadein()效果，当前号码带有fadeout()效果。我可以在循环中制作它...就像在第一个数字是fadeout()之后的最后一个数字是fadein()一样。像循环

<script>    
var counter = 1;
    $(function() {
      incrementCounter();
    });

    function incrementCounter() {
      $('#fade').html(counter);
      counter++;
      if (counter < 4) {
        setTimeout(incrementCounter, 2000);
      }
    }
</script>

Answer 1

你可以像这样检查counter：

function incrementCounter() {
  $('#fade').html(counter);
  counter++;
  if(counter%2)
      $('#fade').fadeOut();
  else
      $('#fade').fadeIn();

  if (counter < 4) {
    setTimeout(incrementCounter, 2000);
  }
}

或者您也可以检查目标是否可见

function incrementCounter() {
  $('#fade').html(counter);
  counter++;
  if($('#fade').is(":visible"))
      $('#fade').fadeOut();
  else
      $('#fade').fadeIn();

  if (counter < 4) {
    setTimeout(incrementCounter, 2000);
  }
}

使用setinterval（）的fadein（）和fadeout（）

1 个答案: