用jquery实现随机数对的方法

这篇文章将为大家详细讲解有关用jquery实现随机数对的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联建站,专注为中小企业提供官网建设、营销型网站制作、响应式网站开发、展示型网站制作、成都做网站等服务,帮助中小企业通过网站体现价值、有效益。帮助企业快速建站、解决网站建设与网站营销推广问题。

用jquery实现随机数的方法:首先使用p标签创建一块区域,用于显示随机数;然后使用【Math.random()】产生一个随机数,并通过【parseInt()】方法取整;最后将获得的随机数通过【html()】方法输出在p标签中。

用jquery实现随机数的方法:

1、新建一个html文件,命名为test.html,用于讲解jquery怎么生成随机数。

用jquery实现随机数对的方法

2、在test.html文件中,使用p标签创建一块区域,用于显示随机数,并设置p标签的id为randnum。

用jquery实现随机数对的方法

3、在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行createRand()函数。

用jquery实现随机数对的方法

4、在js标签内,创建createRand()函数,在函数内,定义两个变量x和y,用于设定随机数的范围。例如 ,这里设置随机数的范围为0至1000。

用jquery实现随机数对的方法

5、在createRand()函数内,使用Math.random()产生一个随机数,并通过parseInt()方法取整,将获得的随机数通过html()方法输出在p标签中。

用jquery实现随机数对的方法

6、在浏览器打开test.html文件,点击按钮,查看结果。

用jquery实现随机数对的方法

关于用jquery实现随机数对的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


文章标题:用jquery实现随机数对的方法
文章起源:http://hbruida.cn/article/gjgjdd.html