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