时间戳

首页 > 解决方案 > 在 ng-circle-progress 结束时如何做完整的循环？

javascript - 在 ng-circle-progress 结束时如何做完整的循环？

问题描述

我想从 60 倒数到零。

我使用ng-circle-progress（Angular 包）来做到这一点。

问题是我的计算结果不正确。

我尝试使用这些选项来做到这一点 - 但数字是 100、99、98...（而不是 60、59、58..）：

 options = {
    percent: 100,
    radius: 60,
    backgroundPadding: 7,
    outerStrokeWidth: 2,
    innerStrokeWidth: 2,
    space: -2,
    outerStrokeColor: "#808080",
    innerStrokeColor: "#e7e8ea",
    showBackground: true,
    titleFontSize: 12,
    subtitleFontSize: 20,
    showUnits: false,
    showSubtitle: false,
    animationDuration: 60000,
    startFromZero: true
  };

我也尝试设置percent为 60，但圆圈直到结束才完成，倒计时更多地变为负数：

 options = {
    percent: 60,
    radius: 60,
    backgroundPadding: 7,
    outerStrokeWidth: 2,
    innerStrokeWidth: 2,
    space: -2,
    outerStrokeColor: "#808080",
    innerStrokeColor: "#e7e8ea",
    showBackground: true,
    titleFontSize: 12,
    subtitleFontSize: 20,
    showUnits: false,
    showSubtitle: false,
    animationDuration: 60000,
    startFromZero: true,
    titleFormat: (percent) => {
      return `${60 - percent}`;
    }
  };

码沙盒.io

标签： javascriptangular

解决方案

推荐阅读