JavaScript setInterval и SetTimeout вопрос времени

Question

Пожалуйста, смотрите следующий код JavaScript:

var cis_current_time = 0; 

setInterval(function() { 
    cis_current_time += 1; 
},1); 

$("#timingInfo").html(cis_current_time); 
setTimeout(function() { 
    $("#timingInfo").html($("#timingInfo").html() + ', ' + cis_current_time); 
},1000); 

В результате я за исключением того, чтобы получить 0, 1000, но она возвращает 0, число около 200

Пожалуйста, проверьте fiddle.

В чем причина такого поведения?

Answer 1

setInterval и setTimeout не может быть точным из-за своей конструкции.

Они выполняются движком браузера, а это значит, что браузер может в некоторых случаях отключать их. Для примера, если ваш браузер просто использует один процесс для JavaScript, их можно отключить или, возможно, пройти больше тиков, чем вы определяете, из-за текущего давления на ваше используемое ядро.

Его можно немного улучшить с помощью многопоточного JavaScript, но в любом случае - они не будут на 100% точными.

setInterval только гарантирует новое исполнение/звонок after данного периода времени. Не в точное время. В каждом интервале могут быть различия.

Answer 2

комплектInterval функция очень точный, как вы можете видеть на этом fiddle.

Проблема в коде, вы пытаетесь выполнить функцию каждые миллисекунды.

setInterval(function() { 
    cis_current_time += 1; 
},1); 

JavaScript является monothreaded, затем, когда у него есть много инструкций, он складывает их и называть их, когда у него есть возможность, так, именно поэтому он не является точным в вашем случае.

setInterval является не проблема, JavaScript является: JS выполняет функции, когда он может, поэтому она выполняется позже ... Каждая функция связана эта проблема, так setInterval тоже ...

Func (1) с 70ms:

Если Func (1) принимает 130ms:

setInterval точен, но имеет такую ​​же проблему, чем каждая функция в JS.

Image credits