从另一个调用函数，反之亦然

Question

我有两个布尔型变量和两个函数的定时器。第一个计时器是通过一次点击触发的，它实现了一个布尔值;一旦计时器达到某些条件，此计时器关闭，将布尔值设置为false，并触发另一个计时器，将第二个布尔值设为true并调用第二个计时器。

一旦第二个定时器达到某些条件，定时器关闭设置第二个布尔值false，我尝试触发第一个定时器，设置第一个布尔值为true并调用第一个定时器，但它没有工作。

我不能调用在我调用函数的地方声明的函数。

我的JavaScript代码是：

var active=false; 
var activeBreak=false; 
... 
function breakDown(){ 
    if(activeBreak){ 
     ... 
     if(some conditions){ 
       active=true; 
       activeBreak=false; 
       countDown();// **This call doesn't work.Black in            jsbin** 
      } 
     } 

    } 

function countDown(){ 
      if(active){ 
       ... 
       if(someConditions){ 
        active=false; 
        activeBreak=true; 
        breakDown();// *This call works. Blue in jsbin* 
       } 
      } 
} 
... 

$("#circle").click(function(){ 
      active=true; 
      countDown(); // *This call works*/ 
    }); 

Answer 1

尝试

$(document).ready(function(){ 

/* Global variables */ 
var state = 'STOPPED'; 
var timeSession = 1; 
var timeBreak = 1; 

var timeout = 0; 

function resetTimer(time) { 
    timeout = (new Date()).getTime() + (time*60*1000); 
} 

function changeState() { 

    if (state === 'SESSION') { 
    state = 'BREAK'; 
    resetTimer(timeBreak); 
    } else if (state === 'BREAK' || state === 'STOPPED') { 
    state = 'SESSION'; 
    resetTimer(timeSession); 
    } 
    $('#text').text(state); 
} 

/* Function for the countdown ****************************/ 
function countDown(){ 

    if (state !== 'STOPPED') { 
    var time = (new Date()).getTime(); 

    if (timeout <= time) { 
     changeState(); 
     return; 
    } 

    var s = Math.floor((timeout - time)/1000); 
    var m = Math.floor(s/60); 
    s = s - m*60; 

    $('#timer').text(""+((timeout - time)/1000)+" "+timeout+" "+m+":"+("0"+s).substr(-2)); 

    } 
    setTimeout(countDown, 1000); 
} 

/*****Click Break ********************/ 
$("#breakMinus").click(function(){ 
    if (timeBreak > 1) { 
    --timeBreak; 
    } 
    $("#breakContent").html(timeBreak); 
}); 

$("#breakPlus").click(function(){ 
    ++timeBreak; 
    $("#breakContent").html(timeBreak); 
}); 

/******Click Session Length****************/ 
$("#seMinus").click(function(){ 
    if (timeSession > 1) { 
    --timeSession; 
    } 
    $("#seContent").html(timeSession); 
}); 

$("#sePlus").click(function(){ 
    ++timeSession; 
    $("#seContent").html(timeSession); 
});  

/***********Click circle****************/ 
$("#circle").click(changeState); 


setTimeout(countDown, 1000); 
$('#text').text(state); 

});