Print pattern lines using delay loop callback javascript

Asked Sep 30 '19 at 06:03

Active Sep 30 '19 at 08:05

Viewed 90 times

I have a code to print a pyramid pattern using callback in javascript.

Right now I am able to load entire code after 2 sec.

I need to print pattern rows after 2 sec interval of time instead loading it at a whole using call back and promises . How can I do it ?

var n = 5;
for (var i = 0; i < n; i++) {
    getStar(i, n).then(star => console.log(star));
}

function getStar(i, n) {
    return new Promise((resolve, reject) => {
        var str = '';
        for (var j = 1; j < n - i; j++) {
            str = str + ' ';
        }
        for (var k = 1; k <= (2 * i + 1); k++) {
            str = str + '*';
        }
        setTimeout(() => {
            resolve(str);
        }, 2000)
    })
}

edited Sep 30 '19 at 08:05

asked Sep 30 '19 at 06:03

NoobCoder

You can't use `document.write` asynchronously. Use `document.body.innerHTML += "some content";` – Jonas Wilms Sep 30 '19 at 06:07
@JonasWilms ok , I have changed that , but how can I give timer to each of the loops ? Means printing rows after 1 second ? Also , my question is different. It is not same as duplicate thing – NoobCoder Sep 30 '19 at 06:14
Have a look at "delay in a Javascript loop" – Jonas Wilms Sep 30 '19 at 06:26
@JonasWilms I tried , but not getting desired output. Can you edit in this code ? – NoobCoder Sep 30 '19 at 06:37

Print pattern lines using delay loop callback javascript

0 Answers0