前端笔记80——获取随机数

最新推荐文章于 2023-02-28 23:26:05 发布

野生杂学家阿博

最新推荐文章于 2023-02-28 23:26:05 发布

阅读量1k

点赞数

分类专栏：前端文章标签：前端 JavaScript 获取随机数

本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/93246838

版权

前端专栏收录该内容

93 篇文章 1 订阅

订阅专栏

前言

我们在日常的开发当中，我们需要获取随机数，那么前端是怎么去实现的呢？下面来分享一下我获取随机的方法。

获取随机数的实例

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<input type="text" id="ipt" />
		<button id="start">开始</button>
		<button id="stop">结束</button>
		<script type="text/javascript">
			var oStart = document.getElementById("start")
			var oStop = document.getElementById("stop")
			var oIpt = document.getElementById("ipt")
			var timmer = null
			// 点击开始按钮，生成一个随机数(m,n),把随时数放到ipt中
			oStart.onclick = function() {
				// 解决bug思路：在每次开启一个新定时器之前，先把上一次的给清除
				clearInterval(timmer)
				// 开启定时器,timmer表示定时器的id
				timmer = setInterval(function() {
					// 在没有清除定时器之前，随着点击次数不停点击，定时器会开启越来越多
					var randomInt = getRandomInt(10, 30)
					oIpt.value = randomInt
				}, 1000)
			}
			// 点击结束的时候，停止
			oStop.onclick = function(){
				// 清除定时器
				clearInterval(timmer)
			}
			function getRandomInt(min, max) {
				return Math.floor(Math.random() * (max - min + 1) + min)
			}
		</script>
	</body>

</html>

野生杂学家阿博

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
前端笔记80——获取随机数

前言我们在日常的开发当中，我们需要获取随机数，那么前端是怎么去实现的呢？下面来分享一下我获取随机的方法。获取随机数的实例<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body&...
复制链接

扫一扫

专栏目录