自動播放功能在JS中不執行

我有點棒球比賽，顯然沒有基礎或命中。它的所有描述，球和出局。按鈕的工作和局的功能（頂部和底部以及計數）正在工作。我希望這可以每隔幾秒鐘完全隨機地拋出一個球。基本上隨機「點擊」球或罷工按鈕。我正在嘗試使用setTimeout函數，但沒有成功。任何幫助？自動播放功能在JS中不執行

HTML：

<!DOCTYPE HTML> 
<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="bullpen.css"> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>Bullpen</title> 
    </head> 
</html> 
    <body> 

     <button id=buttons onclick="playBall()">Auto-Play</button> 
     <h2>Inning: <span id=inningHalf></span> <span id=inningNum></span></h2> 

    <div id=buttons> 
     <button onclick="throwBall(), newInning()">Ball</button> 
     <button onclick="throwStrike(), newInning()">Strike</button> 
    </div> 

     <h2>Count: <span id=ball>0</span> - <span id=strike>0</span></h2> 
     <h2>Outs: <span id=out>0</span></h2> 

     <h2>----------------</h2> 

     <h2>Walks: <span id=walks>0</span></h2> 
     <h2>Strikeouts: <span id=strikeout>0</span></h2> 

     <script src="bullpen.js"></script> 
    </body> 
</html>

JS：

var ball = 0; 
var strike = 0; 
var out = 0; 
var walks = 0; 
var strikeout = 0; 
//--------------------------------- 
var outPerInning = 0; 
var inning = 1; 
//--------------------------------- 
document.getElementById('inningNum').innerHTML = inning; 
document.getElementById('inningHalf').innerHTML = '▲'; 

function throwBall(){ 
    ball++; 
    document.getElementById('ball').innerHTML = ball; 

    if (ball == 4){ 
    ball = 0; 
    strike = 0; 
    walks++; 

    document.getElementById('walks').innerHTML = walks; 
    document.getElementById('strike').innerHTML = 0; 
    document.getElementById('ball').innerHTML = 0; 
    } 
}; 

function throwStrike(){ 
    strike++; 
    document.getElementById('strike').innerHTML = strike; 

    if(strike == 3){ 
    ball = 0; 
    strike = 0; 
    strikeout++; 

    out++; 
    outPerInning++; 

    document.getElementById('strikeout').innerHTML = strikeout; 
    document.getElementById('out').innerHTML = out; 
    document.getElementById('strike').innerHTML = 0; 
    document.getElementById('ball').innerHTML = 0; 
    } 
}; 


function newInning(){ 
    if(out == 3){ 
    ball=0; 
    strike=0; 
    out=0; 

    document.getElementById('strike').innerHTML = 0; 
    document.getElementById('ball').innerHTML = 0; 
    document.getElementById('out').innerHTML = 0; 
    } 

    if(outPerInning == 3){ 
    document.getElementById('inningHalf').innerHTML = '▼'; 
    } 

    if(outPerInning == 6){ 
     inning++; 
    document.getElementById('inningHalf').innerHTML = '▲'; 
     outPerInning = 0; 
    document.getElementById('inningNum').innerHTML = inning; 
    } 
}; 

function playBall(){ 
    var play = Math.random; 
    if(play >= 0.4){ 
     throwStrike(); 
     newInning(); 
    } 
    else{ 
     throwBall(); 
     newInning(); 
    } 

    setTimeout(playBall, 5000); 
};

CSS如果需要的話：

h2{ 
    margin-left: 50px; 
    font-size: 50px; 
} 

button{ 
    font-size: 45px; 
} 

#buttons{ 
    width: 227px; 
    margin-left:50px; 
    margin-top: 20px; 
}

來源

2016-02-11 Lucas Clarke

我已經編輯我的答案，包括工作的jsfiddle –

也許這就是問題所在：

function playBall(){ 
    var play = math.random; 
    if(play >= 0.4){ 
     throwStrike; 
     newInning(); 
    } 
    else{ 
     throwBall; 
     newInning(); 
    } 

    setTimeout(playBall, 5000); 
};

應

function playBall(){ 
    var play = Math.random(); 
    if(play >= 0.4){ 
     throwStrike(); //call the function 
     newInning(); 
    } 
    else{ 
     throwBall(); //call the function 
     newInning(); 
    } 

    setTimeout(playBall, 5000); 
};

你沒有調用這些函數！

這裏是工作提琴：https://jsfiddle.net/av6vsp7g/

來源

2016-02-11 15:42:20

謝謝！更改我的代碼後，我忘了按下按鈕。萬分感謝。 –

自動播放功能在JS中不執行

回答

相關問題