在JavaScript函数中：编写一个程序， 在帧频函数 animate 中编写代码 设置 ball1 和 ball2 在 20~580 之间横向移动 ball1 移动速度：speed1/帧，ball2 移动速度：speed2/帧，部分代码：//ball1的速度 var speed1 = 3; //ball2的速度 var speed2 = 3;

可以使用以下代码实现：

// 定义 ball1 和 ball2 的初始位置
var ball1Pos = 20;
var ball2Pos = 580;

function animate() {
  // 将 ball1 和 ball2 移动一定距离
  ball1Pos += speed1;
  ball2Pos -= speed2;
  
  // 判断 ball1 和 ball2 是否超出边界，如果超出边界则反向移动
  if (ball1Pos <= 20 || ball1Pos >= 580) {
    speed1 = -speed1;
  }
  if (ball2Pos <= 20 || ball2Pos >= 580) {
    speed2 = -speed2;
  }
  
  // 更新 ball1 和 ball2 的位置
  ball1.style.left = ball1Pos + 'px';
  ball2.style.left = ball2Pos + 'px';
  
  // 循环调用 animate 函数
  requestAnimationFrame(animate);
}

// 在初始时调用 animate 函数
animate();

需要注意的是，上述代码中的 `ball1` 和 `ball2` 是指页面中对应的两个元素，需要先通过 DOM 操作获取这两个元素。例如，可以使用以下代码获取 `ball1` 元素：

var ball1 = document.getElementById('ball1');

同样地，需要在 HTML 页面中定义对应的元素，并设置好初始的样式和位置。