Javascript 显示音频缓冲百分比

为什么我不能使用Javascript显示音频的缓冲百分比

var audio=document.getElementById（“aone1”）；
var百分比=document.getElementById（“aone1l”）；
函数循环（）{
var buffered=audio.buffered；
var加载；
var演奏；
if（缓冲长度）{
加载=100*缓冲。结束（0）/audio.duration；
播放=100*audio.currentTime/audio.duration；
百分比[0]。innerHTML=loaded.toFixed（2）；
百分比[1].innerHTML=played.toFixed（2）；
}
设置超时（循环，50）；
}
loop（）

已加载：%

播放：%%
在此处使用唯一的
id
或使用类，这将为您提供一个数组，然后设置
innerHTML
：


var audio=document.getElementById（“aone1”）；
var百分比=document.getElementsByClassName（“aone1l”）
函数循环（）{
var buffered=audio.buffered；
var加载；
var演奏；
if（缓冲长度）{
加载=100*缓冲。结束（0）/audio.duration；
播放=100*audio.currentTime/audio.duration；
百分比[0]。innerHTML=loaded.toFixed（2）；
百分比[1].innerHTML=played.toFixed（2）；
}
设置超时（循环，50）；
}
loop（）

已加载：%

播放：%%
在此处使用唯一的
id
或使用类，这将为您提供一个数组，然后设置
innerHTML
：


var audio=document.getElementById（“aone1”）；
var百分比=document.getElementsByClassName（“aone1l”）
函数循环（）{
var buffered=audio.buffered；
var加载；
var演奏；
if（缓冲长度）{
加载=100*缓冲。结束（0）/audio.duration；
播放=100*audio.currentTime/audio.duration；
百分比[0]。innerHTML=loaded.toFixed（2）；
百分比[1].innerHTML=played.toFixed（2）；
}
设置超时（循环，50）；
}
loop（）

已加载：%

播放：%%
getElementById
不会提供数组，它会从DOM中提供唯一的对象元素。改用类。id应该是唯一的
getElementById
不会给出数组，它会从DOM中提供唯一的对象元素。改用类。身份证应该是独一无二的谢谢，很有效。如果我将
var audio
更改为
var audio1o
，那么是否还有其他相同的替换项？我没有更改变量名，不过如果需要，您可以更改它。我只是用了类而不是id。你能改变变量吗。（将
audio
替换为any）否则，请将此文本：
var audio
更改为
var（any）
变量名没有问题，您可能会考虑在同一页面中使用多个音频，在这种情况下，还可以使用类名和数组。谢谢，它可以工作。如果我将
var audio
更改为
var audio1o
，那么是否还有其他相同的替换项？我没有更改变量名，不过如果需要，您可以更改它。我只是用了类而不是id。你能改变变量吗。（将
audio
替换为any）否则，将此文本：
var audio
更改为
var（any）
变量名没有问题，您可能会考虑在同一页面中使用多个音频，在这种情况下，还可以使用类名和数组。