【问题标题】:JavaScript How to make a count up timer with slowdown speedJavaScript 如何制作一个减速计时器
【发布时间】:2017-01-14 02:07:17
【问题描述】:

我想在我的页面中创建一个倒计时。 它将设置一个目标数字并从 0 开始向上计数。 但我想放慢速度。 开始高速,目标数越来越慢。 我找不到做这个动画的好方法或图书馆。 有人能帮我吗?谢谢。

【问题讨论】:

  • 您在寻找setInterval(function, delay)吗?
  • 您需要使用“算法”,如果您要更新元素的内容,我建议使用requestAnimationFrame 而不是setTimeout - 它具有“时间”的好处" 可以在算法中使用的参数来计算要显示的值,同样使用 requestAnimationFrame 最多每秒更新值 60 次,不需要更频繁地更新值

标签: javascript timer counter


【解决方案1】:

您应该使用setInterval 来完成这项工作,如下所示:

var counted = 0;
var target = 10; // 10 seconds
document.write("Counted : 0");
var i = setInterval(function () {
    if (counted <= target) {
        counted++;
        document.write("Counted : " + counted);
    } else {
        clearInterval(i);
    }
}, 1000);

希望这可行,我还没有测试过。

【讨论】:

  • 这将(几乎)每秒精确计数 1 - 问题要求计数器在达到目标时“减慢”速度
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-01-13
  • 2017-07-03
  • 2016-09-09
  • 2019-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多