Làm cách nào để thay đổi thời gian giữa các khoảng thời gian một cách linh hoạt theo vòng lặp theo chỉ số / số lần lặp?

Vì tôi không thể bình luận, tôi buộc phải viết bài này. Tôi đã nhận được mã dưới đây để trì hoãn / chờ chính xác 1 giây hoặc 1000 mili giây -

let n = 5;
for (let i=1; i<n; i++)
{
  setTimeout( function timer()
  {
      console.log("hello world");
  }, i*1000 );
}

Nhưng làm thế nào tôi có thể trì hoãn nó i * 1000 giây thay vì 1000 mili giây cố định để việc chờ đợi phụ thuộc vào số lần lặp?

Ví dụ: nếu n = 5, thì tôi muốn độ trễ của vòng lặp 1 giây trong lần lặp thứ 1. 2 giây trong lần lặp thứ hai, và cứ thế .. độ trễ cuối cùng sẽ là 5 giây.

Đây là một chức năng sẽ hiển thị ngay lập tức, sau đó 1 giây sau, 2 giây sau hơn, 3 giây sau đó, v.v. Không có toán học đặc biệt, không cần lời hứa

const n = 5;
let cnt=0;

function show() {
  console.log("call "+cnt,"delay: ",cnt,"sec");
  cnt++;
  if (cnt > n) return; // we are done
  setTimeout(show, cnt*1000 ); // cnt seconds later
}
show()

Mặc dù nhiệm vụ này có thể được giải quyết bằng các lời hứa, các luồng phản ứng và các công cụ tuyệt vời khác (hey, chưa có ai đề xuất sử dụng công nhân!), Nó cũng có thể được giải quyết bằng một ít mỹ phẩm.

Vì vậy, bạn muốn thời gian chờ theo thứ tự: 1s, trước đó + 2s, trước đó + 3s, v.v. Trình tự này là: 1, 3, 6, 10, 15 ... và công thức của nó là a[n] = n * (n + 1) / 2. Biết rằng...

let n = 6;
console.log(new Date().getSeconds());

for (let i = 1; i < n; i++) {
  setTimeout(function timer() {
    console.log(new Date().getSeconds());
  }, 1000 * i * (i + 1) / 2);
}

Bạn có thể thử sử dụng async / await (Promise), để tuần tự hóa mã của bạn:

const waitSeconds = seconds => new Promise(resolve => setTimeout(resolve, seconds))

async function main () {
 let oldDate = new Date()
 let newDate
 
 /* 
  * If you put 'await' inside the loop you can synchronize the async code, and simulate
  * a sleep function
  */
 for (let i=1; i<5; i++) {
    await waitSeconds(i*1000)
    newDate = new Date()   
    console.log(`Loop for i=${i}, elapsed=${moment(newDate).diff(oldDate, 'seconds')} seconds`)
    oldDate = newDate
 }
 
 console.log('End')
}

main()

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>

Mất một thời gian để giải mã câu hỏi của bạn xD, nhưng đây có phải là điều bạn muốn không?

Điều này sẽ tiếp tục bắn console.log với độ trễ i * 1000 mỗi lần. vì vậy lần đầu tiên nó sẽ dài 1 giây (1 * 1000), tiếp theo sẽ là 2 giây và cứ thế.

let i = 0;
loop = () => {
  setTimeout(() => {
    console.log(new Date()); // for clarity
    i++;
    if (i < 10) {
      loop();
    }
  }, i * 1000)
};
loop();

Vòng lặp không chờ chức năng hết thời gian hoàn thành. Vì vậy, khi vòng lặp chạy, nó lập lịch cảnh báo cho từng chỉ mục.

Bạn có thể sử dụng một chức năng sẽ chạy theo chỉ mục của bạn nhưng được lên lịch cùng một lúc. Bạn có thể cảm thấy sự khác biệt của 3 giây.

function test(i){
    setTimeout( function timer(){
        console.log("hello world" + i);
    }, i*3000);
}
for (let i=1; i<4; i++) {
   test(i);
}

Sử dụng các cuộc gọi đệ quy thay vì vòng lặp

let i=1;
function a(i) {
  if (i > 5)
    return
  else
    b("message", i)
}

function b(s, f) {
  setTimeout(function timer() {
    console.log(s + " " + f + " seconds");
  }, f * 1000);
  a(++i);
}
a(i);