ClearTimeOut不使用多个功能

Question

clearTimeout在我的代码中不起作用。我定义了变量全局，以便每个函数都可以访问它。这是我的代码更好理解的代码(请参阅代码中的评论(：

$(document).on('click', '#submit', function() { /* SECOND CLICK IS AFTER ~2 SECONDS */
    var timeout;
    validation();
    mysql();
    function validation() {
        if (condition) {
            if (timeout) {
                console.log('timeout set');
            } else {
                console.log('timeout not set'); /* GET THIS BUT TIMEOUT MADE CHANGE AFTER DEFINED TIME */
            clearTimeout(timeout);
            if (timeout) {
                console.log('timeout set');
            } else {
                console.log('timeout not set'); /* GET THIS */
            }
        }   
    }
    function mysql() {
        $.ajax({
            type: 'POST',
            url: $(form).attr('action'),
            dataType: 'json',
            data: formData,
            contentType: false,
            processData: false,
            success: function(response) {
                timeout = setTimeout(function() {
                    $('.message').html('message for user');
                }, 7500);
            }
        })
    }
});

Answer 1

$(document).on('click', '#submit', function() { /* SECOND CLICK IS AFTER ~2 SECONDS */
    var timeout;

问题是您的timeout范围。它范围为单击事件处理程序。因此，每次执行此单击逻辑时，都会为上下文创建一个新实例。如果您想为所有点击共享一个超时变量，则需要将其移动到活动处理程序之外的更高范围。

有关JavaScript中变量范围的更详细的问题，请参考：JavaScript中的变量范围是什么？