Есть ajax запрос
//ajax под грузка сообщений на странице поста
function getMessages() {
$.ajax({
url: "ajax/postComments.php",
method: "POST",
data: ({postID: <?php echo $id ?>}),
dataType: "html",
success: function (data) {
$('.author-messages-list').empty();
$('.author-messages-list').append(data);
}
});
}
var timer = getMessages();
var timerPostAuthor = setInterval(function() {
getMessages();
}, 2000);
И его надо останавливать, для этого
//Останавливаем таймер на странице поста
$(document).on('keyup change', '#posttext', function () {
clearInterval( timerPostAuthor );
});
Но timerPostAuthor не виден (timerPostAuthor is not defined пишет консоль и phpstorm)
Как сделать timerPostAuthor глобальной переменной?
Фулл js
$(function () {
//ajax под грузка сообщений на странице поста
function getMessages() {
$.ajax({
url: "ajax/postComments.php",
method: "POST",
data: ({postID: <?php echo $id ?>}),
dataType: "html",
success: function (data) {
$('.author-messages-list').empty();
$('.author-messages-list').append(data);
}
});
}
var timer = getMessages();
var timerPostAuthor = setInterval(function() {
getMessages();
}, 2000);
});
//Останавливаем таймер на странице поста
$(document).on('keyup change', '#posttext', function () {
clearInterval( timerPostAuthor );
});
Ищем в документе так-как форма приходит с ajax запроса и данный код(что ниже) тупо не отработает
$('#posttext').on('change', function () {
clearInterval(timerPostAuthor);
});