javascript - 自定义自动播放进度条 - 动态宽度属性 - 在 Chrome 中不起作用

标签 javascript jquery css google-chrome html5-audio

我有一个用于动态改变宽度的音频播放标签的自定义进度 bur。宽度值是根据当前时间和持续时间计算的。 我可以看到元素宽度属性正在动态变化,并且在播放记录时逐渐改变它的值,但条形图没有进步。只有当我点击暂停时它才会进步。 它在 Firefox 中有效,但在 chromium 中无效。

 $('.myProgressBar').css('width', a + '%');

最佳答案

我发现 chromium 无法正确读取小数点太多的数字。为了让它工作,我使用 toFixed() 将数字转换为字符串,只保留一位小数(我的数字现在是一个字符串,但没关系)。

 $('.myProgressBar').css('width', a.toFixed(1); + '%');

关于javascript - 自定义自动播放进度条 - 动态宽度属性 - 在 Chrome 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58984884/

相关文章:

javascript - 我如何使用 jQuery 来确定点击事件是否在特定元素内触发?

html - 如何使用媒体查询调整表格内文本的大小?

javascript - 在输入单选更改时禁用部分中的所有元素

javascript - 无法在 FireFox 中阻止操作链接单击事件

javascript - force 属性始终未定义

javascript - Nodejs、expressjs - 如何提供延迟响应

javascript - 如何将类添加到javascript中的第三个<li>元素

html - div定位在另一个div下

javascript - 使用 Webpack 和 React 在开发环境中模拟外部导入

javascript - 使用javascript从谷歌驱动器文件夹中获取图片到我的网站