公司簡介
發展歷程
高端網站建設
微信開發
APP開發
網絡營銷服務
電商網站定制
生物醫藥網站建設
外貿網站建設
教育培訓網站建設
小程序開發
功能應用
客戶案例
網站建設案例
小程序案例
電商平臺案例
APP案例
系統平臺案例
網站建設
網站設計
常見問題
小程序
公司地址
人才招聘
地址:成都市太升南路288號錦天國際A幢1002號
電話:028-86922220
為企業提供網站建設、域名注冊、服務器等服務
今天就跟大家聊聊有關使用java怎么實現一個隨機點餐效果,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
html:
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); }
看完上述內容,你們對使用java怎么實現一個隨機點餐效果有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注創新互聯行業資訊頻道,感謝大家的支持。