我的進度條問題

Question

我正在嘗試編碼進度條...我使用YouTube API爲玩家創建自定義控件，但這在這裏是無關緊要的。基本上我有此HTML進度條：

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

進度條外具有120像素的寬度和進度條具有零寬度。

我設置了一個250ms的間隔並從YouTube上獲取當前播放時間。我也有總持續時間。然後我做這個計算：

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);