js實(shí)現(xiàn)轉(zhuǎn)動(dòng)骰子模型
更新時(shí)間：2019年10月24日 16:07:49 作者：Danker01
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)轉(zhuǎn)動(dòng)骰子模型，自動(dòng)隨機(jī)生成骰子數(shù)的模型，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
本文創(chuàng)建了一個(gè)自動(dòng)隨機(jī)生成骰子數(shù)的模型，因?yàn)樾枰雸D片這里將圖片省去了，自己導(dǎo)入圖片即可驗(yàn)證代碼
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--創(chuàng)建對(duì)象-->
<div id="c1">
<img src="img/img/sai3.png" />
</div>
<div id="c2">
<img src="img/img/sai4.png" />
</div>
<div id="c5">
<img src="img/img/sai5.png" />
</div>
<input type="button" value="開(kāi)始" id="button1" onclick="tst()"/>
<input type="button" value="停止" id="button2" onclick="stop()"/>
<script type="text/javascript">
//先獲取對(duì)象，并聲明一個(gè)全局變量，留給setTimeout（）函數(shù)使用
var bt1=document.getElementById("button1");
var bt2=document.getElementById("button2");
var ims=document.getElementsByTagName("img");
var a;
//開(kāi)始的函數(shù)
function tst(){
var num=Math.floor(Math.random()*6+1)
for (var i=0;i<3;i++) {
ims[i].src="img/img/sai"+num+".png";
}a=setTimeout(tst,500);
//點(diǎn)擊一次后，再次點(diǎn)擊沒(méi)有效果
bt1.removeAttribute("onclick")
}
function stop(){
clearTimeout(a)
//點(diǎn)擊一次后，回復(fù)開(kāi)始按鈕的功能
bt1.setAttribute("onclick","tst()")
}
</script>
</body>
</html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實(shí)現(xiàn)的九種排序算法
這篇文章主要給大家介紹了關(guān)于利用JavaScript實(shí)現(xiàn)的九種排序算法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
js變量值傳到php過(guò)程詳解 將php解析成數(shù)據(jù)
這篇文章主要介紹了js變量值傳到php過(guò)程詳解 將php解析成數(shù)據(jù)，傳參數(shù)去后臺(tái)，用ajax，或者原生js方式拼接url。明白原理，洞悉系統(tǒng)是先解析php，再執(zhí)行html代碼和js代碼。,需要的朋友可以參考下2019-06-06
用js來(lái)生成隨機(jī)彩票號(hào)碼清單...2007-02-02
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)下拉菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-02-02
JavaScript作用域、閉包、對(duì)象與原型鏈概念及用法實(shí)例總結(jié)
這篇文章主要介紹了JavaScript作用域、閉包、對(duì)象與原型鏈,結(jié)合實(shí)例形式總結(jié)分析了javascript中變量與函數(shù)的作用域、閉包、對(duì)象、原形鏈相關(guān)概念、用法及注意事項(xiàng),需要的朋友可以參考下2018-08-08
這篇文章主要介紹了js如何清空f(shuō)orm表單中的內(nèi)容，下面有個(gè)不錯(cuò)的示例，大家可以參考下2014-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序代碼上傳、審核發(fā)布小程序，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-05-05
js實(shí)現(xiàn)刪除li標(biāo)簽一行內(nèi)容
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)刪除li標(biāo)簽一行內(nèi)容，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-04-04
javascript在當(dāng)前窗口關(guān)閉前檢測(cè)窗口是否關(guān)閉
檢測(cè)窗口是否關(guān)閉，在當(dāng)前窗口關(guān)閉前使用js做到這一點(diǎn)，下面是具體的實(shí)現(xiàn)，感興趣的朋友可以參考下2014-09-09
教你用wxml2canvas將微信小程序頁(yè)面轉(zhuǎn)為圖片
如果需要實(shí)現(xiàn)將小程序的頁(yè)面轉(zhuǎn)為圖片,第一步是要先把頁(yè)面轉(zhuǎn)為canvas,再將canvas轉(zhuǎn)為圖片,下面這篇文章主要給大家介紹了關(guān)于用wxml2canvas將微信小程序頁(yè)面轉(zhuǎn)為圖片的相關(guān)資料,需要的朋友可以參考下2022-11-11