<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<button>开始</button><span>0</span><br>
<button>开始</button><span>0</span><br>
<button>开始</button><span>0</span>
<script type="text/javascript">
var abtn = document.getElementsByTagName('button');
var aspan = document.getElementsByTagName('span');
var arr = ['1','2','3'];
for(var i = 0; i < abtn.length; i++) {
abtn[i].index = i;
abtn[i].onclick = function () {
var d = aspan[this.index];
if(this.innerHTML == '开始') {
arr[this.index] = setInterval(function () {
d.innerHTML = parseInt(Math.random()*256);
},30);
this.innerHTML = '结束';
}else{
clearInterval(arr[this.index]);
this.innerHTML = '开始';
if(abtn[0].innerHTML == '开始' && abtn[1].innerHTML == '开始' && abtn[2].innerHTML == '开始'){
document.body.style.background = 'rgb(' + aspan[0].innerHTML + ',' + aspan[1].innerHTML + ',' + aspan[2].innerHTML + ')';
}
}
}
}
</script>
</body>
</html>
转载请注明原文地址: https://ju.6miu.com/read-965421.html
