javascript - 计算 Javascript 时间与百分比之间的时间

标签 javascript php jquery animation math

我正在尝试从 HTML 视频的一部分中计算出 0 - 100 之间的百分比

当 HTML 视频达到 5.89 秒时,我希望动画在 10.05 秒完成,到目前为止,我在执行此操作时遇到了麻烦,我已经计算出了下面的时间百分比

所以规定的时间之间有 4.16,计算出来 1% 就是 0.041600000000000005

我已将当前时间添加到函数中,因为我需要计算出视频播放时的百分比

var animationOneStart = 5.89;
var animationOneEnd = 10.05;


function perentageTime(animationStart,animationEnd,currentTime){
  var timeInbetween = animationEnd - animationStart;

  a = 1/100;
  b = a*timeInbetween;

  return b;
}

我在播放时无法计算百分比,有人可以帮助我吗?

谢谢

最佳答案

百分比的公式为(currentValue/maxValue) * 100,因此,在您的情况下将为(currentTime/timeIn Between) * 100

这是一个例子:

var animationOneStart = 5.89;
var animationOneEnd = 10.05;

function perentageTime(animationStart,animationEnd,currentTime){
  var maxValue = animationEnd - animationStart;
  var ret = (currentTime / maxValue) * 100;
  return ret.toFixed(2);
}

var percentage = perentageTime(animationOneStart, animationOneEnd, 1);
console.log(percentage);

仅当 currentTime0 开始时才有效,如果它从 animationOneStart 开始,则需要使用 ( (当前时间-animationOneStart)/maxValue)* 100

关于javascript - 计算 Javascript 时间与百分比之间的时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49819670/

相关文章:

javascript - jquery多选列表更新失败

Jquery 数据表从服务器返回附加信息

javascript - 通过 GitHub 进行 Firebase 身份验证 : setting the uid

Javascript 排序不正确排序

php - 从 PHP REST Web 服务返回 JSON 结果

php - 我怎样才能让我的网络接收mysql数据

php - 使用表单在 MySQL DB 中存储和检索关联数组

javascript - 使用 css 创建倾斜边框

javascript - 这是 block 声明中的计算方法名称 - 还是拼写错误?

javascript - F#/Clojure 到 Javascript : interaction with environment and javascript libraries