<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#box
{
width: 300px;
height: 200px;
margin: 100px auto;
border: 1px solid red;
background-color: #CCCFFF;
border-radius: 10px;
}
h2
{
text-align: center;
margin: 20px auto;
}
p{
margin: 40px auto;
text-align: center;
font-size: 20px;
}
input{
margin-left: 130px;
margin-top: -10px;
}
</style>
<script>
window.οnlοad=function()
{
var i=document.getElementById('btn');
var j=document.getElementById('ph');
var time=null;
i.οnclick=function()
{
if(i.value=="开始")//注意这里是表判断,要双等于,别写成单等于零!!!!!
{
time=setInterval(function(){
i.value="结束";
var shu=Math.floor(Math.random()*100);
j.innerHTML=shu;
},1000);
}
else
{
i.value="开始"
clearInterval(time);
}
}
}
</script>
</head>
<body>
<div id="box">
<h2>输入1-100的随机数</h2>
<p id="ph">随机数</p>
<input type="submit" value="开始" id="btn"name=""/>
</div>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
#box
{
width: 300px;
height: 200px;
margin: 100px auto;
border: 1px solid red;
background-color: #CCCFFF;
border-radius: 10px;
}
h2
{
text-align: center;
margin: 20px auto;
}
p{
margin: 40px auto;
text-align: center;
font-size: 20px;
}
input{
margin-left: 130px;
margin-top: -10px;
}
</style>
<script>
window.οnlοad=function()
{
var i=document.getElementById('btn');
var j=document.getElementById('ph');
var time=null;
i.οnclick=function()
{
if(i.value=="开始")//注意这里是表判断,要双等于,别写成单等于零!!!!!
{
time=setInterval(function(){
i.value="结束";
var shu=Math.floor(Math.random()*100);
j.innerHTML=shu;
},1000);
}
else
{
i.value="开始"
clearInterval(time);
}
}
}
</script>
</head>
<body>
<div id="box">
<h2>输入1-100的随机数</h2>
<p id="ph">随机数</p>
<input type="submit" value="开始" id="btn"name=""/>
</div>
</body>
</html>