首页 > 编程 > JS > 正文

Js取任意范围的随机数并在html中动态显示

2020-07-02 22:16:30
字体:
来源:转载
供稿:网友
这篇文章主要为大家详细介绍了Js取任意范围的随机数并在html中动态显示,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

Js取任意范围的随机数并在html中动态显示

如下效果:

Js取任意范围的随机数并在html中动态显示

相关代码如下:

<div id="setnum03" class="number">---</div>    <script type="text/javascript">         setInterval(displayNum3,1000);         function displayNum3() {         document.getElementById("setnum03").innerHTML = Math.floor(Math.random() * (31 - 25) + 25) + ' °C';         }    </script><div class="desc"> 当前温度 </div>

1.取任意范围的随机数:

Math.floor(Math.random() * (31 - 25) + 25)

上面是我的,大家都知道Math.random()会生成一个0-1的随机数。,通过下面这个公司就能够获得设定范围的随机数了...

Math.random() * (max - min) + min

再来做一个向下取舍,去整数。

Math.floor(Math.random() * (max - min) + min)

2.动态刷新:

每间隔一秒调用一次函数

setInterval(displayNum3,1000);


以上就是Js取任意范围的随机数并在html中动态显示的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持错新网。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表