<!DOCTYPE html>
<html>
<head>
<title>摇骰子</title>
<meta charset="utf-8">
</head>
<body>
<img src="sai2.png"><br>
<img src="sai1.png"><br>
<img src="sai3.png"><br>
<button οnclick="change()" id="start">开始</button>
<button οnclick="stoped()" id="stop">结束</button>
<script type="text/javascript">
var a; //声明一个标志位
var starts = document.getElementById('start');
var stop = document.getElementById('stop');
var imgs = document.getElementsByTagName('img');
//var imgs = document.images;
function change(){ //筛子改变方法
for (var i = 0; i < imgs.length; i++) {
var n = Math.floor(Math.random()*6+1); //生成随机数
imgs[i].src = 'sai'+n+'.png'; //随机切换背景
}
a = setTimeout(change,100); //超时调用
starts.removeAttribute('onclick');
}
function stoped(){
clearTimeout(a);
starts.setAttribute('onclick',"change()");
}
</script>
</body>
</html>
<html>
<head>
<title>摇骰子</title>
<meta charset="utf-8">
</head>
<body>
<img src="sai2.png"><br>
<img src="sai1.png"><br>
<img src="sai3.png"><br>
<button οnclick="change()" id="start">开始</button>
<button οnclick="stoped()" id="stop">结束</button>
<script type="text/javascript">
var a; //声明一个标志位
var starts = document.getElementById('start');
var stop = document.getElementById('stop');
var imgs = document.getElementsByTagName('img');
//var imgs = document.images;
function change(){ //筛子改变方法
for (var i = 0; i < imgs.length; i++) {
var n = Math.floor(Math.random()*6+1); //生成随机数
imgs[i].src = 'sai'+n+'.png'; //随机切换背景
}
a = setTimeout(change,100); //超时调用
starts.removeAttribute('onclick');
}
function stoped(){
clearTimeout(a);
starts.setAttribute('onclick',"change()");
}
</script>
</body>
</html>