随机数点名

最新推荐文章于 2021-08-10 11:45:04 发布

一切会更好

最新推荐文章于 2021-08-10 11:45:04 发布

阅读量285

点赞数

分类专栏： java前端文章标签：随机数点名

本文链接：https://blog.csdn.net/weixin_45165848/article/details/98472731

版权

java前端专栏收录该内容

20 篇文章 0 订阅

订阅专栏

原理分析：

先设置一个随机数函数setInterval(function( ){}，时间），
然后使用Math.random()产生随机数，Math.floor()函数向下取整， clearInterval();为停止可取消由 setInterval() 设置的 timeout。

完整代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#box{	
				width: 200px;
				height: 50px;
				border: 1px solid black;
				text-align: center;
				font-size: 50px;
				padding-bottom: 20px;
			}
		</style>
	</head>
	<body>
	<div id="box"></div>
	  <button style="button" id="btn">开始</button>
		<button style="button" id="btn1">暂停 </button>
		<script type="text/javascript">
			btn.onclick=function(){
			var choujiang=setInterval(function(){
				var n=Math.random()*40;    /* 产生随机数*/
				box.innerText=Math.floor(n);   /* 向下取整*/
//			console.log(Math.floor(n));
//			document.write(Math.floor(n));
			},10)	
	
			btn1.onclick=function(){
				clearInterval(choujiang);
			}
					}
			
			
		</script>
	</body>
</html>

截图

在这里插入图片描述

一切会更好

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
随机数点名

原理分析：先设置一个随机数函数setInterval(function( ){}，时间），然后使用Math.random()产生随机数，Math.floor()函数向下取整， clearInterval();为停止可取消由 setInterval() 设置的 timeout。完整代码<!DOCTYPE html><html> <head> &lt...
复制链接

扫一扫