这个简单的程序还有很多bug,请大神帮帮忙解决
<html>
<head>
<style>
#content,#content1{
height:30px;
width:100px;
margin:0 auto;
border:1px solid #000;
text-align:center;
line-height:30px;
}
#content3{
margin:0 auto;
margin-top:40px;
width:260px;
height:120px;
}
#button{
height:30px;
width:102px;
margin:0 auto;
}
#button1,#button2{
float:left;
}
#content3 img{
margin:10px;
height:100px;
widyh:100px;
}
</style>
</head>
<body>
<div id="content" style="display:none;">0</div>
<div id="content1" contenteditable = "true"></div>
<div id="content2" style="display:none;"></div>
<div id="content3">
<img src="./0.png">
<img src="./0.png">
<img src="./0.png">
</div>
<div id="button">
<button id="button1">开始</button>
<button id="button2">结束</button>
<div>
<script>
var oDiv = document.getElementById("content");
var oDiv1 = document.getElementById("content1");
var oDiv2 = document.getElementById("content2");
var oDiv3 = document.getElementById("content3");
var b1 = document.getElementById("button1");
var b2 = document.getElementById("button2");
var Img = oDiv3.getElementsByTagName("img");
function R(a,b){
var i = Math.random()*(b-a)+a;
var j = Math.ceil(i);
if (j<100){
j = '0'+j;
if(j<10){
j = '0'+j;
}
}
return j;
}
var t;
var o;
b1.onclick = function(){
clearInterval(t);
clearInterval(o);
t = setInterval(function(){oDiv2.innerHTML = R(+oDiv.innerHTML,+oDiv1.innerHTML);},5);
o = setInterval(function(){
var x = oDiv2.innerHTML.toString();
for (var y=0;y<x.length;y++){
Img[y].src = './'+x[y]+'.png';
};},5);
}
b2.onclick=function(){
clearInterval(t);
clearInterval(o);
}
</script>
</body>
</html>
比如说我输入说我在程序运行时把content1中内容删除,之后无论怎么输数字都不会有图片显示,,又比如说我连按多次开始,后按暂停,content2中是数字与显示的不同 等
请大神指导怎么解决。