两行JS代码搞定音频进度显示与控制

花飞飞

马黑黑 发表于 2025-9-6 11:09
88

99

马黑黑

花飞飞 发表于 2025-9-6 11:18
99

马黑黑

花飞飞 发表于 2025-9-6 11:18
简单简单，我可真不敢说简单。。
把每句看懂就不容易了，还要两句互相影响。。
其实是先有第二句，再有 ...

这个还真的是简单算式

马黑黑

花飞飞 发表于 2025-9-6 11:15
aud.ontimeupdate = () => prog.value=aud.currentTime/aud.duration;
这是第一句，当前播放的秒数除以 ...

算术不难，比划比划就行了

红影

马黑黑 发表于 2025-9-5 22:05
也不需要很多句，同样的计算。这里的简洁在于连百分比都不用，因为 progress 标签 Max 默认是1

嗯嗯，1就是100%，它有自身的默认，让一切都变得更加简洁

红影

马黑黑 发表于 2025-9-5 22:07
这得益于 progress 的默认属性值，因此计算时无需太多的参数参与

所以看着就那么点代码，简直很令人欢喜

马黑黑

红影 发表于 2025-9-6 14:52
所以看着就那么点代码，简直很令人欢喜

代码少有时候不是一件好事：少往往意味着可以调整的细节不多

马黑黑

红影 发表于 2025-9-6 14:50
嗯嗯，1就是100%，它有自身的默认，让一切都变得更加简洁

就算需要换算成百分比，也是在同一行里完成的

花飞飞

马黑黑 发表于 2025-9-6 12:04

昨天扒一个，今天又扒一个，不好看。

花飞飞

马黑黑 发表于 2025-9-6 12:05
这个还真的是简单算式

看明白了就是乘除法。。

马黑黑

花飞飞 发表于 2025-9-6 18:50
看明白了就是乘除法。。

确实不复杂的

马黑黑

花飞飞 发表于 2025-9-6 18:49
昨天扒一个，今天又扒一个，不好看。

扒多了就好看了

花飞飞

马黑黑 发表于 2025-9-6 12:06
算术不难，比划比划就行了

算术要细心还要逻辑。。

马黑黑

花飞飞 发表于 2025-9-6 18:51
算术要细心还要逻辑。。

嗯嗯，就是 1+1=2 酱紫

红影

马黑黑 发表于 2025-9-6 17:41
代码少有时候不是一件好事：少往往意味着可以调整的细节不多

它能与最主要的功能在就好啊。

红影

马黑黑 发表于 2025-9-6 17:42
就算需要换算成百分比，也是在同一行里完成的

这个不用换算的就更简洁了。

马黑黑

红影 发表于 2025-9-6 20:35
这个不用换算的就更简洁了。

马黑黑

红影 发表于 2025-9-6 20:35
它能与最主要的功能在就好啊。

恩呢

红影

马黑黑 发表于 2025-9-6 20:54

总之这个代码特别少，喜欢

红影

马黑黑 发表于 2025-9-6 20:55
恩呢

其他的细节的东西就不管了