Javascript 动画条更小

我正在努力使“动画条”变小。我试图通过编辑CSS中的“height”值以及JS文件中的起始值来实现这一点

在JS文件的其他地方是否有代码或设置需要更改以实现此目的

这是原始工作版本：

var x=document.getElementById（“myAudio”）； 函数playAudio（）{ x、 play（）； } 函数pauseAudio（）{ x、 暂停（）； } //返回最小值和最大值之间的随机数的函数 函数随机数（最小值、最大值）{ 数字=数学地板（（数学随机（）*（最大最小））+min）； 返回号码； } //初始化起始值 紫色、蓝色、青色、绿色、黄色、橙色、红色； 紫色=40； 蓝色=35； 青色=45； 绿色=35； 黄色=45； 橙色=20； 红色=50； //从均衡器开始暂停 var=false//是真的 //用于或多或少随机更改柱高度的函数 功能更改高度（列、高度）{ 高度-=随机数（-20,20）； 如果（高度>100）高度=100；

---

如果（高度每60毫秒一次，则为每个波段调用

changehight

功能

因此，有两个数字需要更改以进行自定义：

height-=randomNumber(-20,20);  // The 20 here, to calculate a random number
if (height>100) height=100;    // The 100 here, to avoid a height more than 100

我在下面的代码中添加了两个变量，因此您可以将数字调整到所需的效果：

randomHeightChange

和

maxHeight

var x=document.getElementById（“myAudio”）； 函数playAudio（）{ x、 play（）； } 函数pauseAudio（）{ x、 暂停（）； } //返回最小值和最大值之间的随机数的函数 函数随机数（最小值、最大值）{ 数字=数学地板（（数学随机（）*（最大最小））+min）； 返回号码； } //初始化起始值 紫色、蓝色、青色、绿色、黄色、橙色、红色； 紫色=10； 蓝色=15； 青色=13； 绿色=14； 黄色=11； 橙色=13； 红色=11； //从均衡器开始暂停 var playing=false；//为true //登高 var randomHeightChange=5； var maxHeight=20； //用于或多或少随机更改柱高度的函数 功能更改高度（列、高度）{ 高度-=随机数（-randomHeightChange，randomHeightChange）； 如果（高度>最大高度）高度=最大高度；

---

如果（高度智能的方法！为了避免跳跃的副作用，在CSS中将此添加到

.equalizer

很好：

高度：25px；垂直对齐：底部；线条高度：40px；

…玩得开心！）@LouySpatriceBesette谢谢。我可以删除一些条吗？它会停止工作吗？您可以删除HTML中的条…确保在

animate（）

函数中也删除它们的行。mp3不会在页面加载时播放。因此我建议您使用用户的第一次单击来触发播放。

函数firstClick（）{document.querySelector（“#myAudio”）.play（）；window.removeEventListener（“click”，firstClick）}window.addEventListener（“click”，firstClick）；

该函数触发播放并删除事件侦听器。因此它只应用一次。--同时保持

var playing=true；

不变并删除

window.onload=play；

）