Я работаю с модулем подключения и отключения вызовов в php, используя twilio api, всякий раз, когда я отключаюсь, таймер не останавливается, вот мой код
// таймер запускается при нажатии на кнопку ответа
$('#answer').on('click', function() {
var countdown = document.getElementsByTagName('countdown')[0],
start = document.getElementById('start'),
stop = document.getElementById('stop'),
clear = document.getElementById('clear'),
seconds = 0, minutes = 0, hours = 0,
t;
function add() {
seconds++;
if (seconds >= 60) {
seconds = 0;
minutes++;
if (minutes >= 60) {
minutes = 0;
hours++;
}
}
countdown.textContent = (hours ? (hours > 9 ? hours : "0" + hours) : "00") + ":" + (minutes ? (minutes > 9 ? minutes : "0" + minutes) : "00") + ":" + (seconds > 9 ? seconds : "0" + seconds);
document.getElementById('checkyear').value = countdown.textContent;
timer();
}
function timer() {
t = setTimeout(add, 1000);
}
timer();
});
// Таймер должен остановиться при отключении вызова
Twilio.Device.disconnect(function (conn) {
clearTimeout(t);
});
Проповедник разработчиков Twilio здесь.
Я думаю, что проблема здесь в размахе. Ваша переменная t
, для которой задан идентификатор тайм-аутов, которые вы используете для подсчета времени, доступна только в функции обработки событий, которая вызывается, когда вы нажимаете кнопку ответа.
Когда он находится внутри обработчика Twilio.Device.disconnect
, t
- это undefined
.
Я бы изменил ваш код так, чтобы временные переменные и функции находились за пределами обработчика событий щелчка, поэтому они находятся в области действия обработчика disconnect
. Что-то вроде этого:
var t, seconds, minutes, hours;
Twilio.Device.disconnect(function(conn) {
clearTimeout(t);
});
function add() {
seconds++;
if (seconds >= 60) {
seconds = 0;
minutes++;
if (minutes >= 60) {
minutes = 0;
hours++;
}
}
countdown.textContent =
(hours ? (hours > 9 ? hours : '0' + hours) : '00') +
':' +
(minutes ? (minutes > 9 ? minutes : '0' + minutes) : '00') +
':' +
(seconds > 9 ? seconds : '0' + seconds);
document.getElementById('checkyear').value = countdown.textContent;
timer();
}
function timer() {
t = setTimeout(add, 1000);
}
$('#answer').on('click', function() {
var countdown = document.getElementsByTagName('countdown')[0],
start = document.getElementById('start'),
stop = document.getElementById('stop'),
clear = document.getElementById('clear');
seconds = 0;
minutes = 0;
hours = 0;
timer();
});