JavaScript生成指定范围随机数并动态显示的实现方法
作者:闭包旅人时间:2026-10-22 12:50:43浏览:417
本文提供一段完整的HTML与JavaScript代码,演示如何生成100000到999999之间的随机整数,并通过setInterval定时器每100毫秒更新页面显示。代码包含基础CSS样式与核心JS逻辑,适合初学者参考学习。
随机数生成效果展示
首先展示本次示例的运行效果。

核心代码实现
建议读者根据实际需求灵活调整,以下是具体的JavaScript实现代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Document</title>
<style>
#count{
font-size: 20px;
color: green;
width: 400px;
height: 30px;
border: 1px solid black;
margin: auto;
line-height: 30px;
text-align: center;
}
</style>
</head>
<body>
<div id="count"></div>
<script>
//产生随机数
function count (){
var i=Math.random()*(999999-100000)+100000;
var j=parseInt(i,10);
j="100000-999999随机产生:"+j;
document.getElementById("count").innerHTML= j;
}
setInterval("count()",100);
</script>
</body>
</html>
互动与优化建议
如果您有更简洁的实现方案,欢迎在评论区交流讨论。
作者最新文章
怎么用 Promise 封装 JavaScript sleep 函数实现异步延时
2026-11-05 17:49:14
什么时候该用JS构造器:与工厂模式、字面量的选择对比
2026-11-05 16:18:22
推荐几款轻量级JS照片墙开源库及对比
2026-11-05 15:56:19
JavaScript递归写法有哪些常见陷阱及避免方法
2026-11-05 14:53:38
JS数组浅拷贝与深拷贝怎么选?场景与方法总结
2026-11-05 14:41:02
