使用java怎么實現(xiàn)一個隨機點餐效果

發(fā)布時間：2021-04-17 16:05:48 來源：億速云閱讀：281 作者：Leah 欄目：web開發(fā)

今天就跟大家聊聊有關(guān)使用java怎么實現(xiàn)一個隨機點餐效果，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

html:

<div class="wrap">
    <div id="box">    
</div>
<button id="start">開始</button>
<button id="stop">停止</button>

css:

.wrap{
    width: 500px;
    height: 400px;
    margin: 0 auto;
    text-align: center;
}
#box{
    width: 100%;
    height: 300px;
    border: 1px solid red;      
    text-align: center;
    line-height: 300px;
    font-size: 30px;
    margin-bottom: 20px;
}

js:

var arr = ['宮保雞丁', '糖醋里脊', '紅燒帶魚', '牛腩煲', '紅燒肉'];
var start = document.getElementById("start"),
      stop = document.getElementById("stop"),
      box = document.getElementById("box"),
      timer = null;

start.onclick = function(){  
   timer = setInterval(function(){
      var index = Math.floor(Math.random()*arr.length);
      box.innerHTML = arr[index];
    }, 100)      
}
stop.onclick = function(){
      clearInterval(timer);
}

看完上述內(nèi)容，你們對使用java怎么實現(xiàn)一個隨機點餐效果有進一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

使用java怎么實現(xiàn)一個隨機點餐效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽