Повторение ajax каждые 10 миллисекунд замедляет загрузку других вызовов ajax в
та же страница
У меня есть два ajax-кода, один из которых закодирован ниже (повторяется через 10 миллисекунд), а другой, который, я думаю, здесь не нужен (это делается в соответствии с пользовательским вводом)
var checkState = function() {
var url = "http://domain.in/quiz/quiz_inplay_time_difference.php?record=30";
$.ajax({
url: url
}).done(function(data) {
var time_left_display = $('#time_left_display');
//initialize the time
var time_left = String(data.time_left);
var hyphen = '';
if (time_left.indexOf("-") !== -1) {
hyphen = '-';
}
if (time_left <= -1) {
window.location.replace("http://domain.in/quiz/quiz_result.php?record=30");
}
if (time_left <= 60) {
$('#time_bar').removeClass("alert-info");
$('#time_bar').addClass("alert-warning");
}
if (time_left <= 10) {
$('#time_bar').removeClass("alert-warning");
$('#time_bar').addClass("alert-danger");
}
time_left = time_left.replace('-', '');
var minutes = Math.floor(time_left / 60);
var seconds = time_left % 60;
//update the time
time_left_display.html(hyphen + minutes.toString() + ':' + seconds.toString());
});
}
checkState();
setInterval(checkState, 10);
Когда я загружаю страницу на локальный сервер (wampserver), приведенный выше код и другие вызовы ajax работают быстро и дают ожидаемый результат. Но на той же странице, когда я загружаю на сервер (domain.in), другой ajax (который вызывается согласно вводу пользователя) работает очень и очень медленно.
Итак, чтобы проверить, в чем проблема, я удалил setInterval(checkState, 10);
из кода и запустил на сервере (domain.in) другой ajax (который вызывается согласно вводу пользователя) работает быстро, как и ожидалось.
Мой вопрос:
Правильно ли указан мой код? Может ли быть проще и быстрее бежать? любой
другие альтернативы для этого?