简单的随机数生成并停止
这个var真的很魔性
我一哥们var对象放里面就出bug了,我这个var的对象放在外面了,没事了。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.aa{
background: lightcyan;
width: 500px;
height: 300px;
}
.a2{
text-align: center;
}
button{
position: absolute;
left:235px;
top: 250px;
}
</style>
</head>
<body>
<div class="aa">
<h2 class="a2">产生0-100之间的随机数</h2>
<div id="ran" style="text-align: center;">
随机数
<p id="a1" style="text-align: center;font-size: xx-large;"></p>
</div>
<button id="ss" onclick="showRandom()">开始</button>
</div>
</body>
<script type="text/javascript">
var a,i,randomID;
i=document.getElementById("a1");
function showRandom()
{
a=document.getElementById("ss");
if(a.innerHTML=="开始")
{
randomID=setInterval(createRandom,100);
a.innerHTML="结束";
}
else
{
clearInterval(randomID);
a.innerHTML="开始";
}
}
function createRandom()
{
var num=Math.random()*100;
num=Math.round(num);
i.innerHTML=num;
}
</script>
</html>
更多推荐
简单的随机数生成并停止
发布评论