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

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

點(diǎn)擊按鈕，使骰子轉(zhuǎn)動(dòng)起來(lái)，轉(zhuǎn)動(dòng)隨機(jī)時(shí)間之后，自動(dòng)停止在某一個(gè)點(diǎn)數(shù)上。

思路：

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

注意：

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

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;}

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

網(wǎng)站標(biāo)題：js實(shí)現(xiàn)簡(jiǎn)單擲骰子效果-創(chuàng)新互聯(lián)
轉(zhuǎn)載來(lái)源：http://weahome.cn/article/dpggse.html