css样式:
<style type="text/css">
.in
{
border: solid;
color: ##0000FF;
width: 50px;
height: 50px;
font-size: 40px;
text-align: center;
}
.btn
{
width: 100px;
height: 60px;
font-size: 30px;
}
</style>
JS代码部分:
<script type="text/javascript">
var timer;
function startDo() {
clearTimeout(timer); //关闭定时器
for (var i = 0; i < 4; i++) {
var rand = Math.random() * 10;
rand = parseInt(rand % 10);
document.form1.n[i].value = rand;
}
timer = setTimeout("startDo()", 100); //打开定时器
}
function stopDo() {
clearTimeout(timer);
}
</script>
bady部分代码:
<form name="form1">
<input name="n11" type="text" value="1" class="in" />
<input name="n22" type="text" value="8" class="in" />
<input name="n33" type="text" value="8" class="in" />
<input name="n44" type="text" value="8" class="in" />
<input name="n55" type="text" value="8" class="in" />
<input name="n66" type="text" value="8" class="in" />
<input name="n77" type="text" value="8" class="in" />
<input name="n" type="text" class="in" />
<input name="n" type="text" class="in" />
<input name="n" type="text" class="in" />
<input name="n" type="text" class="in" />
<br />
<br />
<br />
<br />
<br />
<input type="button" value="开始" onClick="startDo()" class="btn">
<input type="button" value="停止" onClick="stopDo()" class="btn">
</form>
最终效果图:
