Number counter animation preloader window on load JavaScript Html CSS

v8wbuo2f 于 2023-08-02 发布在 Java

关注(0)|答案(1)|浏览(89)

我想在我的投资组合网站上创建一个数字反动画。我有一些jquery代码从我的旧网站过渡到网站时，完全加载。

<script>
  $(window).on('load', () => {
    $('#preloader').fadeOut(1800, function() {
      $(this).remove();
    });
  });
    </script>

字符串
我怎样才能添加数字反动画和添加一个侧向上过渡？谢啦，谢啦

JavaScript

来源：https://stackoverflow.com/questions/76729351/number-counter-animation-preloader-window-on-load-javascript-html-css

1条答案

按热度按时间

vdgimpew1#

给你
1.开始计数。
1.减少计数值。
1.基于计数器值slideUp，您的div和remove计数器跨度。
范例：

$(window).on('load', () => {
  let count = 3;
  function ShowCounter() {
    if (count > 0) {
      $("#spnNumber").fadeOut('slow', function() {
        $("#spnNumber").text(count);
        $("#spnNumber").fadeIn();
        count--;
      });

    } else if (count == 0) {
      $("#preloader").slideUp();
      $("#spnNumber").remove();
      clearInterval(interval);

    }

  }
  var interval = setInterval(function() {
    ShowCounter()
  }, 1000)
});

个字符

赞(0）回复(0）举报 2023-08-02

我来回答

Number counter animation preloader window on load JavaScript Html CSS

1条答案

相关问题

热门标签

最新问答