码迷,mamicode.com
首页 > Web开发 > 详细

JS 指定选择器创建具有指定范围,步长和持续时间的计数器

时间:2020-03-18 09:48:14      阅读:72      评论:0      收藏:0      [点我收藏+]

标签:计时器   start   ati   int   math   计数   指定   set   const   

const counter = (selector, start, end, step = 1, duration = 2000) => {
  let current = start,
    _step = (end - start) * step < 0 ? -step : step,
    timer = setInterval(() => {
      current += _step;
      document.querySelector(selector).innerHTML = current;
      if (current >= end) document.querySelector(selector).innerHTML = end;
      if (current >= end) clearInterval(timer);
    }, Math.abs(Math.floor(duration / (end - start))));
  return timer;
};

// 事例
counter(‘#my-id‘, 1, 1000, 5, 2000); 
// 让 `id=“my-id”`的元素创建一个2秒计时器

 

JS 指定选择器创建具有指定范围,步长和持续时间的计数器

标签:计时器   start   ati   int   math   计数   指定   set   const   

原文地址:https://www.cnblogs.com/wkk2020/p/12515134.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!