简单的随机数生成并停止

最新推荐文章于 2021-06-03 19:52:21 发布

00_JackLu

最新推荐文章于 2021-06-03 19:52:21 发布

阅读量1.2k

点赞数

分类专栏： web代码笔记文章标签：简单的随机数生成并停止

本文链接：https://blog.csdn.net/qq_43399648/article/details/90690857

版权

web代码笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

简单的随机数生成并停止
这个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>