javascript - 根据开始和结束时间戳计算百分比值

标签 javascript

我正在尝试计算自开始时间以来已完成时间的百分比值。

为了让事情更好地可视化,这就是我正在构建的。我已经让计数器开始倒计时到结束时间,但我想要已完成的时间百分比,因为这将控制绿条的宽度。

enter image description here

我正在使用react.js,但要分解它,dateEnd 和 dateStart 都是如下所示的 REST API 值

“开始时间”:“2017-09-19 00:00:00”

"end_time": "2017-10-23 23:59:59"

所以回顾一下,我想要这两个值之间耗时的百分比。

    this.state = {
      dateEnd: new Date(this.props.dateEnd).getTime(),
      dateStart: new Date(this.props.dateStart).getTime()
    }

... React Code....

最佳答案

您需要获取currentTime并从中减去dateStart才能找到百分比。

如下所示,获取完成时间的百分比。

var percentage =((new Date().getTime() - dateStart) / (dateEnd - dateStart)) * 100

如果您想了解 dateEnd 中剩余的时间百分比减去“currentTime”,

var percentageTimeLeft =((dateEnd - new Date().getTime()) / (dateEnd - dateStart)) * 100

关于javascript - 根据开始和结束时间戳计算百分比值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49504653/

相关文章:

c# - 在按下回车键时触发 ASP.NET TextBox 事件

javascript - 单击添加到现有数组只会清空数组,为什么?

javascript - 如何使用javascript用复选框替换html表中的真/假值

javascript - 在javascript中访问数组中的对象

javascript - 将数据从 Controller 传递到指令

JavaScript - 使用值作为元素名称推送 JSON 对象

javascript - promise 是如何创建的?

javascript - JS 警报显示 'undefined'

javascript - $window.addEventListener 未在 Angular 中触发

javascript - 如何将子div高度设置为父高度?