javascript - JavaScript 中的计时 : Finding a way to make setInterval alternate time

Question

我正在为一个类(class)项目构建一个网页，特别是一个“关于我们”页面，该页面迭代团队成员的图片和描述。在 View 上，我有这个:

setInterval(function() {
  $("#about-img").attr('src', img_src[i]);
  $("#name").html(names[i]);
  $("#description").html(descriptions[i]);
  i = (i + 1) % img_src.length;
}, 8000);

这可以有效地进行迭代，但是，有时描述会比其他描述更长。描述越长，有什么办法可以让等待时间更长吗？简单的事情就是

waits(descriptions[i].length * 50);

就在setInterval函数中，但是javascript无法做到这一点。我能做些什么？ setTimeout 是异步的，我无法从第一个参数的范围影响 setInterval 的第二个参数。

Answer 1

使用 setTimeout 而不是间隔

function changeMessage () {
    $("#about-img").attr('src', img_src[i]);
    $("#name").html(names[i]);
    $("#description").html(descriptions[i]);
    i = (i + 1) % img_src.length;
    window.setTimeout(changeMessage, descriptions[i].length * 50);
}