Почему setTimeout не работает?

Question

[jDesch]

function main() {

    let canvas = document.getElementById("field");
    let ctx = canvas.getContext("2d");

    ctx.clearRect(0, 0, ctx.width, ctx.height);



    for(let i=0; i<600; i=i+10) {

        ctx.moveTo(0+i, 0+i);
        ctx.lineTo(20, 440);
        ctx.stroke();
        setTimeout(function() {

           console.log(2);
        
        }, 1000);

    }

}
window.onload = main;

Comments

[jDesch]

Я имею в виду функция передаётся и работает, но интервала по времени никакого нету)

[Ярослав Иванов]

jDesch, а как надо

[Антон Литвиненко]

Видимо я чтото недопонял, ответ удален, сорян

[jDesch]

Ярослав Иванов, нужно чтобы программа на 1 секунду остановилась, просто

[Ярослав Иванов]

jDesch, и где в коде остановка? Таймер работает асинхронно

Answer 1

[Сергей Яковлев]

Sleep(delay) в javascript?

Comments

[Сергей Яковлев]

И, кстати, лучше так не писать:
window.onload = main;

Правильно:

document.addEventListener('DOMContentLoaded', () => {
    main();
});

Событие можно подобрать по вкусу.

[Ярослав Иванов]

Сергей Яковлев, в чем разница в курсе?

[Сергей Яковлев]

Ярослав Иванов, В чём разница где?

[Владимир]

Сергей Яковлев, DOMContentLoaded vs onload

[Сергей Яковлев]

Владимир, И?..

[Ярослав Иванов]

Сергей Яковлев, вам вопрос.

[Сергей Яковлев]

Ярослав Иванов, Ок. Ответ: знаю.

Вы что-то хотели сказать?

[Ярослав Иванов]

Сергей Яковлев, ну так в чем разница?

[Сергей Яковлев]

Ярослав Иванов, Во времени события.

[Ярослав Иванов]

Сергей Яковлев, это не ответ.

[Ярослав Иванов]

Сергей Яковлев, с таким ответом я вам не смогу поставить зачем.

[Сергей Яковлев]

Ярослав Иванов, Так и вопрос не сформулирован.

[Ярослав Иванов]

Сергей Яковлев, в чем разница onload и domcontentloaded?

[Ярослав Иванов]

Сергей Яковлев, вы написали, что так лучше не писать. Аргументирует свой ответ.

[Сергей Яковлев]

Ярослав Иванов, Я не писал, что domcontentloaded чем-то лучше onload. См. ответ. Там написано, что правильнее добавить обработчик в очередь, чем использовать один-единственный.
Если быть внимательным и прочесть последнее предложение, то можно увидеть, что я не настаиваю на каком-то одном событии и вполне можно использовать другие. В том числе, и onload.

[Ярослав Иванов]

Сергей Яковлев, молодой человек. Если у вас нет ответа я вам 2 в зачётку поставлю. Этого хотите?

[Сергей Яковлев]

Ярослав Иванов, Я ответил на последний вопрос в треде.
Если интересует ответ на предпоследний вопрос, читайте: https://learn.javascript.ru/onload-ondomcontentloaded
Двойку вы напишете или пятёрку куда-то там в зачётку, мне безразлично.

[Ярослав Иванов]

Сергей Яковлев, если бы вы использовали одно события вопросов бы не было а вы вместо onload предложили использовать domcontentloaded без аргументов. Ответьте уже в чем разница и закончим диалог.

[Сергей Яковлев]

Ярослав Иванов, Я предложил использовать другой стиль назначения обработчика. На каком-то одном единственно правильном событии я не настаивал.
Но, раз уж на то пошло, встречный вопрос — чем конкретно в данном конкретном случае не устраивает конкретно предложенное мною событие?

[Ярослав Иванов]

Сергей Яковлев, вы так и не ответили на вопрос а зачем-то скинули ссылку на документацию. Разве так на к экзамене поступают? На будущее всегда давайте точный ответ и аргументирует его. С вас берут пример. А пока на пересдачу.

[Сергей Яковлев]

Ярослав Иванов, Так я не на экзамене, всего лишь помогаю другим с получением новых знаний. Вот, пытался вам помочь, например.
И, кстати, вы не ответили на мой конкретно сформулированный вопрос. Но развели демагогию насчёт каких-то экзаменов, зачёток, двоек. ;-)

[Ярослав Иванов]

Сергей Яковлев, вы серьёзно? Перечитайте ещё раз. Вы начали поясничать. "и?", "я знаю". Вместо того чтобы ответить. Ещё и ссылку на документацию вместо своих слов. Если по вашему это нормально то нет смысла продолжать диалог.

[Сергей Яковлев]

Ярослав Иванов, Так если нет претензий к выбранному мною событию (хотя и смысл был не в нём), то зачем было разводить тред?
И ещё — правильная ссылка вместо тысячи слов. ;-)

[Сергей Яковлев]

Ярослав Иванов, И всё-таки я там немного ошибся (не критично). А вы и не поправили меня, знаток вы наш. :-D

Правильнее будет так:

document.addEventListener('DOMContentLoaded', main);

Ну, или так (зависит от ситуации):
window.addEventListener('load', main);

Answer 2

[Владимир]

https://developer.mozilla.org/en-US/docs/Web/API/W...

A function to be executed after the timer expires.

setTimeout откладывает выполнение функции в колбеке, он ничего не тормозит, точнее тормозит но только если неправильно используется и вы этому рады не будете.