我的进度条有问题

Question

我正在尝试编写进度条代码...我正在使用youtube api为播放器创建自定义控件，但这在某种程度上无关紧要。基本上我有进度条的这个html：

<div id="progressbarOuter">
    <div id="progressBar"></div>
</div>

进度条外部的宽度为120像素，进度条的宽度为零。

我设置的间隔为250毫秒，从youtube api获取当前播放时间。我也有总持续时间。我正在做这个计算：

 var current = youtube.player.getCurrentTime();
 var totalDuration = youtube.player.getDuration();
 var m = (totalDuration / Math.round(current));
 var newWidth = (m * 120);

其中120是进度条的宽度。问题是这给了我笨拙的数字。如果我提醒当前和totalDuration我得到的第一个警报给我1个电流和126个总持续时间...所以做数学 - 126/1 * 120 = 15,120。那么显然当前的值只会变大，所以这个数字只会增加。这显然是不对的。

有人能告诉我哪里出错了吗？我认为我是在正确的路线，但有些事情是非常错误的。

Answer 1

您想要var m = (current / totalDuration);