js實現(xiàn)簡單擲骰子效果-創(chuàng)新互聯(lián)

本案例要實現(xiàn)的擲骰子效果：

站在用戶的角度思考問題，與客戶深入溝通，找到聶榮網站設計與聶榮網站推廣的解決方案，憑借多年的經驗，讓設計與互聯(lián)網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：網站設計制作、成都網站制作、企業(yè)官網、英文網站、手機端網站、網站推廣、域名注冊、雅安服務器托管、企業(yè)郵箱。業(yè)務覆蓋聶榮地區(qū)。

點擊按鈕，使骰子轉動起來，轉動隨機時間之后，自動停止在某一個點數(shù)上。

思路：

點擊按鈕之后，將原本靜態(tài)的骰子圖片替換為一個動態(tài)轉動的gif圖片；
創(chuàng)建定時器，實現(xiàn)隨機時間之后，動態(tài)的圖片隨機替換為1~6點圖片的任意一張圖片。

注意：

1、要考慮用戶點擊一次按鈕后再連續(xù)多次點擊按鈕的情況。
2、為了防止不必要的問題，需要設置使定時器執(zhí)行完畢一次之后，再點擊按鈕才有效。
3、這里設置了一個開關：
用戶點擊按鈕時，先判斷開關是否關閉，如未關閉，可執(zhí)行函數(shù)內容；
若開關已關閉，則不執(zhí)行函數(shù)體，即沒有任何效果。

css部分

*{margin:0; padding:0}
#container{padding:10px;width:200px;margin:auto;height:200px;border:orange solid 1px; border-radius:8px;}
#dice{width:200px;height:200px;}
#command{margin:auto;width:100px;}
#command input{width:100px;height:30px;border:#ccc solid 1px;border-radius:8px;}

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網站名稱：js實現(xiàn)簡單擲骰子效果-創(chuàng)新互聯(lián)
新聞來源：http://www.muchs.cn/article34/dpggse.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿網站建設、建站公司、小程序開發(fā)、網站改版、定制開發(fā)、響應式網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)