Cho e hỏi Vòng lặp trong javascript

Tại vì bạn nghĩ là setTimeout khi chờ 1s là nó sẽ chờ 1s.
Nhưng không phải vậy. Nó chạy tiếp. Thế nên bạn nên chỉnh tgian settimeout cách nhau mỗi s

setTimeout(function() {
    $('#running').text('Running: ' + (i + 1));
    $('#result').append(j + "\n");
}, 1000 * (i + 1));

Có bài tương tự đây

Uhm, thì nếu như làm công việc sync để sleep thì chắc chắn nó phải chiếm tài nguyên và hệ thống phải đứng chờ rồi, tại lúc nãy mình không hiểu rõ ý "đơ" của bạn, ^^. Còn về hàm setTimeout thì nó là callback function nên chắc chắn là async rồi. Javascript ưu tiên các hàm xử lý async mà :D.

Thì bạn chỉnh code trên là được.
Ở phần thời gian ấy :3

hic, em chạy thì ở div#running nó vẫn ra số 5 luôn (đang chạy chỉ số thứ 5 trong mảng), còn textarea thì ra 1 phát từ 0-9 chứ ko fai mỗi giây ra một số ạ

đây ạ https://vip.pro.vn/test.php

có khi nào phải dùng đến 2 setTimeout ở mỗi vòng lặp ko nhỉ

Đúng rồi :3
Bây giờ có 5 lần.
Mỗi lần in 10 phần tử.
Vậy có phải pahafn tử 1 in ra ở giây 1. Thứ 2 in ra 2 …
Vậy tính toán sao mà nó in ra vậy là được.

Gợi ý là i * 10 + j

em làm mãi chả đc, viết giúp em được ko ạ :((

let i = 0;
let interval = setInterval(function () {
  if (i == 10)
    return clearInterval(interval);
  $('#result').append(i + "\n");
  i++;
}, 1000);

ui trộ ôi chị đáng yêu quá đi :*

Mình có ghi chú 2 cách loop async function (trường hợp này là setTimeout) mà mình biết được tại blog cá nhân: https://tbson.info/javascript-promise-loop/
Paste lên đây luôn để mọi người tiện theo dõi

Cách 1: Dùng Coroutine

async function* promises() {
    const _promises = [
        new Promise(resolve => setTimeout(resolve, 1000, 'Case 1')),
        new Promise(resolve => setTimeout(resolve, 5000, 'Case 2')),
        new Promise(resolve => setTimeout(resolve, 100, 'Case 3')),
    ];

    for (let promise of _promises) yield await promise;
}
for await (let result of promises()) {
    console.log(result);
}

Cách 2: Dùng await trong vòng lặp

const promises = [
    new Promise(resolve => setTimeout(resolve, 1000, 'Case 1')),
    new Promise(resolve => setTimeout(resolve, 5000, 'Case 2')),
    new Promise(resolve => setTimeout(resolve, 100, 'Case 3')),
];
for (let result of promises) {
    console.log(await result);
}

trước đó có 1 anh code xử lí vấn đề này vẫn sử dụng setTimeout và em test đc như mong đợi, liệu nên sử dụng cái nào ạ hihi

Việc đó tuỳ vào thói quen và sở thích của bạn thôi.
Nên chọn cách nào bạn thấy trực quan và dễ hiểu nhất để tiện cho việc bảo trì sau này.