使用jQuery怎么實現數字自動增加或減少

今天就跟大家聊聊有關使用jQuery怎么實現數字自動增加或減少，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據這篇文章可以有所收獲。

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發網站。

1.HTML：

<div class="up"></div>
<br>
<div class="down"></div>

2.JS：

$(function(){
  var obj={
    el:$(".up"),
    max:1000,
    start:100//增加開始的初始值
  }
  var obj2={
    el:$(".down"),
    max:1000,
    end:100//減少到最小的值
  }
  up(obj);
  down(obj2)
})
function up(obj){
  var item=obj.el;
  var num=obj.max;
  var start=obj.start;
  time2=setInterval(function(){
    start++;
    if(start>num){
      start=num;
      clearInterval(time2);
    }
    item.text(start)
  },1)
}
function down(obj){
  var item=obj.el;
  var num=obj.max;
  var min=obj.end;
  time1=setInterval(function(){
    num--;
    if(num<min){
      num=min;
      clearInterval(time1)
    }
    item.text(num)
  },1)
}

可以自行設定每次增加的大小

問題：

1。要是需要用背景圖片中的數字替換當前顯示的數字，并且有上下滾動的效果怎么做？     background-position

2。實現了問題1的效果之后，如果要最大的位數最先停止動畫，后面的位數依次停止怎么做？或者開始動畫的時候，最后一位數開始動畫，最大的位數最后開始動畫怎么做？

3。如果數字增加到千的時候，在千位之后加逗號，例如：1，000。這又怎么做？

4。怎樣用settimeout來實現？settimeout可以解決動畫先后順序，即延遲動畫

看完上述內容，你們對使用jQuery怎么實現數字自動增加或減少有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注億速云行業資訊頻道，感謝大家的支持。