如何将counterup2转换为香草javascript

如何将这个counterUp2 jquery转换为vanilla javascript

var counterUp = window.counterUp["default"]; // import counterUp from "counterup2"
  var $counters = $(".counter");
  /* Start counting, do this on DOM ready or with Waypoints. */
  $counters.each(function (ignore, counter) {
    var waypoint = new Waypoint( {
      element: $(this),
      handler: function() { 
        counterUp(counter, {
          duration: 1000,
          delay: 16
        }); 
        this.destroy();
      },
      offset: 'bottom-in-view',
    } );
  });

谢谢

这是有效的解决方案：）

(() => {
const counterUp=window.counterUp['default']；
const counters=Array.from（document.querySelectorAll（'.counterUp'）；
for（计数器的常数计数器）{
新航路点({
元素：计数器，
处理程序（）{
柜台；
这个。销毁（）；
},
偏移量：“视图中的底部”
});
}
})();

这是工作解决方案：）

(() => {
const counterUp=window.counterUp['default']；
const counters=Array.from（document.querySelectorAll（'.counterUp'）；
for（计数器的常数计数器）{
新航路点({
元素：计数器，
处理程序（）{
柜台；
这个。销毁（）；
},
偏移量：“视图中的底部”
});
}
})();

使用此代码，但只能在一个第一类中使用

const myCounters=function（）{var count\u active=function count\u active（）{var countup=window.counterUp[“default”]；//从“counterUp 2”var el=document.querySelector（'.counter'）；counterUp（el，{duration:1000，delay:16，}）；}//if window active window.addEventListener（'load'，function（）{count_active（）；}）；}；myCounters（）；

如果你能说出什么是输入，什么是（countup（2））预期的输出，我可以尝试帮助。您好，我想在纯javascript中使用CounterUp2 js。在类似于纯javascript规则的jquery版本中！不幸的是，该链接没有为我澄清任何事情。如果您能告诉我它的作用：发送什么，得到什么/期望得到什么…我也不赞成jquery…这是使用jqu我需要纯javascript，不使用jquery库使用此代码，而只在一个第一类中工作

const myCounters=function（）{var count\u active=function count\u active（）{var counterUp=window.counterUp[“default”]；//从“counterup2”var el=document.querySelector（'.counter'）；counterUp导入counterUp（el，{duration:1000，delay:16，}）；}//if window active window.addEventListener（'load'，function（）{count_active（）；}）}；myCounters（）；

如果你能说出输入和计数器（2）的话预期的输出，我可以尝试帮助。您好，我想在纯javascript中使用CounterUp2 js。在类似于纯javascript规则的jquery版本中！不幸的是，该链接没有为我澄清任何事情。如果您能告诉我它的作用：发送什么，得到什么/期望得到什么…我也不赞成jquery…这是使用jqu我需要纯javascript而不是使用jquery库

<script src="/assets/js/waypoints.min.js"></script>
<script src="/assets/js/counterUp.min.js"></script>
<script>
  (() => {
    const counterUp = window.counterUp['default'];
    const counters = Array.from(document.querySelectorAll('.counterUp'));
    for (const counter of counters) {
      new Waypoint({
        element: counter,
        handler() { 
          counterUp(counter); 
          this.destroy();
        },
        offset: 'bottom-in-view'
      });
    }
  })();
</script>