如何将文本最后放入 setInterval 函数？

Question

我想最后在一个使用setInterval的函数中添加一个文本，但我做不到，代码如下-

 function checkInIntervals(howManyTimes, howOften) 
 {
     var T = window.open("", "MsgWindow","width=400,height=600"); 
     var counter = 0; 
     var interval = setInterval(function() 
     { 
        T.document.title = 'MIKE!'; counter++; 
        if (counter === howManyTimes) 
        { 
            clearInterval(interval); 
        } 
        // do something 
        T.document.write('Where are you?'); 
        T.document.write("<br/>"); 
        console.log(counter, 'iteration'); 
     }, howOften)

    T.document.write('This text needs to be placed last.');//problem 
    T.document.write("<br/>");
    T.document.close(); // problem
}
checkInIntervals(3, 1000);

在这里，T.document.write('This text needs to be placed last.'); 首先出现，然后由于T.document.close(); 而消失，但我需要“此文本需要放在最后。”最后出现，我还需要T.document.close();，因为我每次运行函数时都需要新窗口，而没有以前的文本。

我该怎么做？

Answer 1

文本T.document.write('This text needs to be placed last.') 首先出现，因为传递给setInterval 的函数不会立即执行。在调用setTimeout 后，继续执行，该函数之后的下一个命令是T.document.write('This text needs to be placed last.')

要使这段文字最后你应该把它放在clearInterval函数之前

function checkInIntervals(howManyTimes, howOften) {
    var T = window.open("", "MsgWindow","width=400,height=600"); 
        var counter = 0; 
    var interval = setInterval(function() { 
      T.document.title = 'MIKE!'; counter++; 
      // do something 
      T.document.write('Where are you?'); 
      T.document.write("<br/>");

      if (counter === howManyTimes) { 
        T.document.write('This text needs to be placed last.'); 
        T.document.write("<br/>");
        clearInterval(interval);
        return; 
      } 

      console.log(counter, 'iteration'); }, 
    howOften)

    T.document.close(); // problem
}
checkInIntervals(3, 1000);

Answer 2

在检查计数器的 if 中添加您最后想做的事情。

这是一个工作示例：https://jsfiddle.net/mvhL9ct2/1/

JS：

function checkInIntervals(howManyTimes, howOften) {
  var T = window.open("", "MsgWindow", "width=400,height=600");
  var counter = 0;
  var interval = setInterval(function() {
      T.document.title = 'MIKE!';
      counter++;
      // do something 
      T.document.write('Where are you?');
      T.document.write("<br/>");

      if (counter === howManyTimes) {
        T.document.write('This text needs to be placed last.');
        T.document.write("<br/>");
        clearInterval(interval);
      }

      console.log(counter, 'iteration');
    },
    howOften)

  T.document.close(); // problem
}
checkInIntervals(3, 1000);