暂停jQuery或JavaScript中的函数

Question

我想在添加每个数字时停止此功能几秒钟，但此功能无法按预期工作。function yazmaeffetkti() {  var cumleler = ["salam necesen", "yaxsiyam sen "]  currentcumle = ""  for (var i = 0; i < cumleler.length; i++) {    cumle = cumleler[i]    for (var z = 0; z < cumle.length; z++) {      currentcumle += cumle[z]      function stateChange(currentcumle) {        setTimeout(function() {          console.log(currentcumle);        }, 3000);      }      stateChange(currentcumle)    }    currentcumle = ""  }}yazmaeffetkti()

Answer 1

实现这一目标的最简洁方法是使用asyncand await：

async function yazmaeffetkti() {

    // ...

    await new Promise(resolve => setTimeout(resolve, 3000));

    console.log(currentcumle);

    // ...

}

Answer 2

除了Robo Robok 的回答之外，这里是一个使用相同概念但使用then代替的示例async/await。我个人更喜欢它，但这取决于你。

function yazmaeffetkti() {

  var cumleler = ["salam necesen", "yaxsiyam sen "]

  currentcumle = ""

  for (var i = 0; i < cumleler.length; i++) {

    cumle = cumleler[i]

    for (var z = 0; z < cumle.length; z++) {

      currentcumle += cumle[z]

      new Promise(resolve => setTimeout(resolve, 3000)).then(() => {

        console.log(currentcumle);

      });

    }

    currentcumle = ""

  }

}

yazmaeffetkti()

Answer 3

这是我的版本：

async function yazmaeffetkti() {

  var cumleler = ["salam necesen", "yaxsiyam sen "]

  currentcumle = ""

  for (var i = 0; i < cumleler.length; i++) {

    cumle = cumleler[i]

    for (var z = 0; z < cumle.length; z++) {

      currentcumle += cumle[z]

      await stateChange(currentcumle)

    }

    currentcumle = ""

  }

}

var stateChange = (currentcumle) => new Promise((resolve)=>{

    setTimeout(function() {

          console.log(currentcumle);

          resolve(true);

    }, 1000);

  });

yazmaeffetkti()