欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 程序代码 > Js取任意范围的随机数并在html中动态显示
这篇文章主要为大家详细介绍了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中动态显示的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: JS 随机数 动态显示

上一篇手把手教你实现dedecms检查文章是否被百度收录

下一篇网站全部页面改成灰色 网站变成灰色代码

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在