项目 --> http://codepen.io/urketadic/pen/YpLgBX
描述 --> 我想在不再选中复选框时清除此函数的超时。
var holder2 = setTimeout(function() {
$("#matrix2").css('display','block'); },26570);
当你点击矩阵时,小 Frog 应该在26秒后开始跳舞,问题是,如果你取消矩阵模式并点击提交(比如说在第22秒),然后很快再次启用矩阵模式, Frog 将在4 秒不是 26,因为超时仍在运行。
问题 ->这不起作用:
clearTimeout(holder2);
还尝试过:
holder2.clearTimeout();
完整代码
$("#Confirm").on('click', function () {
if (document.getElementById('matrixcheckbox').checked) {
matrixreset();
$("#unmute").show();
$("#matrix2").css('visibility', 'visible');
player.playVideo();
var holder = setTimeout(function () {
$("#matrix1").css('display', 'block');
}, 1900);
var holder2 = setTimeout(function () {
$("#matrix2").css('display', 'block');
}, 26570);
$("#pi").css('background-image', 'url(' + 'http://i1007.photobucket.com/albums/af198/GoDHanD/My%20FS%20Profile/RedMatrix.gif' + ')');
} else {
matrixreset();
clearTimeout(holder);
clearTimeout(holder2);
}
});
最佳答案
这是一个范围问题。每次执行此回调函数时,它都会:
- 立即为
holder
和holder2
创建新的 undefined variable ( becausevar
declarations are hoisted to the top of the function )。 输入条件
a. 或者为这些新变量赋值
b. 或对 undefined variable 运行
clearTimeout
。
变量在任何时候都不会被定义和清除。
解决方案是在回调之外声明 timeoutID 变量,以便它在调用之间保持不变(第一行):
var holder, holder2;
$("#Confirm").on('click', function () {
if (document.getElementById('matrixcheckbox').checked) {
matrixreset();
$("#unmute").show();
$("#matrix2").css('visibility', 'visible');
player.playVideo();
holder = setTimeout(function () {
$("#matrix1").css('display', 'block');
}, 1900);
holder2 = setTimeout(function () {
$("#matrix2").css('display', 'block');
}, 26570);
$("#pi").css('background-image', 'url(' + 'http://i1007.photobucket.com/albums/af198/GoDHanD/My%20FS%20Profile/RedMatrix.gif' + ')');
} else {
matrixreset();
clearTimeout(holder);
clearTimeout(holder2);
}
});
关于javascript - clearTimeout(var) 不清除 var 超时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41487855/