码迷,mamicode.com
首页 > Web开发 > 详细

js中的投掷筛子的小游戏

时间:2018-07-12 22:38:01      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:charset   name   lang   技术分享   doc   游戏   title   技术   time   

 

技术分享图片

 

代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>zhishaizi</title>
</head>
<body>

<img src="sai1.png">
<img src="sai2.png">
<img src="sai3.png">
<input type="button" value="开始" id="start" onclick="change()" >
<input type="button" value="停止"id="stop" onclick="Stop()" >

<script >
var a;
var start = document.getElementById("start");
var stop = document.getElementById("stop");
var img = document.getElementsByTagName("img");
// 筛子改变点数的函数
function change() {
for (i = 0 ;i<img.length;i++) {
n = Math.floor(Math.random()*6+1);
img[i].src = "sai"+ n +".png"
}
a = setTimeout(change,100)
// SettTimeout函数类似于装饰器的作用
starts.removeAttribute(‘onclick‘);
// 对按钮开始属性的限制和定义


}
function Stop() {
clearTimeout(a)
start.setAttribute("onclick")


}





</script>
</body>
</html>

js中的投掷筛子的小游戏

标签:charset   name   lang   技术分享   doc   游戏   title   技术   time   

原文地址:https://www.cnblogs.com/chaojiyingxiong/p/9302076.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!