我的进度条有问题

时间:2010-09-17 08:46:11

标签: javascript

我正在尝试编写进度条代码...我正在使用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。那么显然当前的值只会变大,所以这个数字只会增加。这显然是不对的。

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

1 个答案:

答案 0 :(得分:1)

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