JS随机数产生代码分享

 更新时间:2018年02月24日 09:32:00   作者:彬菌  
大家在制作网页或者小程序的时候经常用到随机数,作者整理了一个很简单的JS生成随机数的程序,一起学习下。

我们先来看下本次源码的效果图

大家可以灵活运用,我们把具体JS代码分享给大家:

<!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> 

如果大家还有更简单的方法,可以在下方的留言区讨论。

相关文章

  • JavaScript日期库date-fn.js使用方法解析

    JavaScript日期库date-fn.js使用方法解析

    这篇文章主要介绍了JavaScript日期库date-fn.js使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-09-09
  • JavaScript页面加载事件实例讲解

    JavaScript页面加载事件实例讲解

    在本篇文章中我们给大家通过实例讲解一下关于JavaScript页面加载事件的相关知识点内容,有需要的朋友们可以参考下。
    2019-09-09
  • 关于微信中a链接无法跳转问题

    关于微信中a链接无法跳转问题

    微信页面开发时,各个主页之间的跳转,完全是通过a链接进行的,但是来回跳转几次,再次从其他主页面跳回首页的时候,微信头部出现了跳转加载进度条,但是就是不跳转,也没有任何反应,怎么回事呢?下面小编给大家解答下
    2016-08-08
  • JavaScript中标识符提升问题

    JavaScript中标识符提升问题

    标识符指的是javascript中定义的符号,标识符可以由任意顺序的大小写字母、数字、下划线和美元符号组成,但标识符不能以数字开头,也不能是javascript中的保留关键字。并且要注意,javascript是严格区分大小写的。
    2015-06-06
  • 如何使用JS在HTML中自定义字符串格式化

    如何使用JS在HTML中自定义字符串格式化

    在JavaScript中虽没有类似的方法,但我们可以利用字符串的replace方法自定义字符串的格式化方法。下面通过本文给大家分享使用JS在HTML中自定义字符串格式化的方法,需要的的朋友参考下吧
    2017-07-07
  • JavaScript实现基础排序算法的示例详解

    JavaScript实现基础排序算法的示例详解

    这篇文章主要为大家详细介绍了如何利用JavaScript实现基础排序算法,如:冒泡排序、选择排序、插入排序和快速排序,感兴趣的可以了解一下
    2022-06-06
  • javascript HTML5 Canvas实现圆盘抽奖功能

    javascript HTML5 Canvas实现圆盘抽奖功能

    这篇文章主要为大家详细介绍了javascript HTML5 Canvas实现圆盘抽奖功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • webpack打包单页面如何引用的js

    webpack打包单页面如何引用的js

    本篇文章主要介绍了webpack打包单页面如何引用的js,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 微信小程序vant弹窗组件的实现方式

    微信小程序vant弹窗组件的实现方式

    这篇文章主要介绍了小程序vant弹窗组件的实现方式,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • ElementUI 的 Tree 组件的基本使用实战教程

    ElementUI 的 Tree 组件的基本使用实战教程

    这篇文章主要介绍了ElementUI 的 Tree 组件的基本使用实战教程,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-12-12

最新评论