JS简单生成两个数字之间随机数的方法

 更新时间:2016年08月03日 15:28:47   作者:Quber  
这篇文章主要介绍了JS简单生成两个数字之间随机数的方法,涉及javascript数值运算的相关技巧,需要的朋友可以参考下

本文实例讲述了JS简单生成两个数字之间随机数的方法。分享给大家供大家参考,具体如下:

运行效果截图如下:

完整代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>生成随机数</title>
</head>
<body>
<input type="text" id="num"> <input type="button" onClick="setRnd()" value="生成5-10之间的随机数">
<script type="text/javascript">
function rnd(min, max){
  return min + Math.floor(Math.random() * (max - min + 1));
}
function setRnd(){
  document.getElementById("num").value = rnd(5,10);
}
</script>
</body>
</html>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript遍历算法与技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 基于iScroll实现内容滚动效果

    基于iScroll实现内容滚动效果

    这篇文章主要为大家详细介绍了基于iScroll实现内容滚动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-03-03
  • JS简单实现获取元素的封装操作示例

    JS简单实现获取元素的封装操作示例

    这篇文章主要介绍了JS简单实现获取元素的封装操作,结合实例形式分析了JS针对页面ID、class、TAG元素获取的函数与对象封装操作实现方法,需要的朋友可以参考下
    2017-04-04
  • JavaScript实现拖动滑块拼图验证功能(html5、canvas)

    JavaScript实现拖动滑块拼图验证功能(html5、canvas)

    这篇文章主要介绍了JavaScript实现拖动滑块拼图验证(html5、canvas),本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • 兼容FireFox 用javascript写的一个画图函数

    兼容FireFox 用javascript写的一个画图函数

    兼容FireFox 用javascript写的一个画图函数...
    2007-08-08
  • 用js实现轮播图效果

    用js实现轮播图效果

    这篇文章主要为大家详细介绍了用js实现轮播图,播放上一张,下一张,可选取第几张等效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 深入理解JS中attribute和property的区别

    深入理解JS中attribute和property的区别

    property 和 attribute非常容易混淆,但实际上,二者是不同的东西,属于不同的范畴,本文就详细的介绍一下JS中attribute和property的区别 ,感兴趣的可以了解一下
    2022-02-02
  • 基于JS实现web端录音与播放功能

    基于JS实现web端录音与播放功能

    这篇文章主要介绍了纯js实现web端录音与播放功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-04-04
  • javascript 图片裁剪技巧解读

    javascript 图片裁剪技巧解读

    本文将提供php版的JavaScript裁剪图片代码,仅供大家参考
    2012-11-11
  • Ajax实现不刷新取最新商品

    Ajax实现不刷新取最新商品

    本文主要介绍了Ajax 实现不刷新取最新商品的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • 根据一段代码浅谈Javascript闭包

    根据一段代码浅谈Javascript闭包

    水平不高,不能也不想从太深的层次去讲解这个东西,只是根据一段比较有代表性的代码,结合执行结果,从表象上粗浅地谈谈。
    2010-12-12

最新评论