在Javascript中返回上一卷

Question

我正在使用音量滑塊，您可以在其中單擊音量按鈕，它將使音頻靜音，並且當您按下靜音按鈕時，它應該返回到以前的音頻設置。這是我的方法：

當單擊音量按鈕時，它將條寬度存儲在全局變量stored_volume中，一旦它執行此操作，它將音量設置更改爲0％。並顯示muteBtn

現在，被點擊的muteBtn時，應採取stored_volume變量，並把它作爲你想回去，同時也變回了音量圖標音量

var stored_volume; 

volumeBtn.addEventListener('click', function() { 

    if (volumeBtn.style.display = 'block') { 
     stored_volume = barFull.style.width; 
     alert(stored_volume); 
    } 

    Howler.volume(0); 
    barFull.style.width = (0) + '%'; 
    volumeBtn.style.display = 'none'; 
    muteBtn.style.display = 'block'; 
}); 

muteBtn.addEventListener('click', function() { 

    Howler.volume(stored_volume); 
    barFull.style.width = (stored_volume) + '%'; 
    volumeBtn.style.display = 'block'; 
    muteBtn.style.display = 'none'; 
}); 

這裏是我的HTML

<div class="volume-container"> 
    <div class="media-btn" id="volumeBtn"></div> 
    <div class="media-btn" id="muteBtn"></div> 
    <div id="volume"> 
     <div id="barFull" class="bar"></div> 
     <div id="barEmpty" class="bar"></div> 
     <div id="sliderBtn"></div> 
    </div>     
</div> 

barFull是黑色覆蓋而barEmpty是灰色的背景色

對不起我的油漆技能！

問題：當我點擊音量按鈕時，音量下降到0％，但是當我點擊靜音按鈕返回到上一個值時，它保持在0％。

Answer 1

Howler.volume(parseInt(stored_volume)); 

嘗試解析您從寬度的測量得到的數值，因爲這是你給Howler.Volume()參數沒有被承認爲一個適當的值的字符串。