快捷導(dǎo)航

JS隨機(jī)數(shù)產(chǎn)生代碼分享

更新時(shí)間：2018年02月24日 09:32:00 作者：彬菌

大家在制作網(wǎng)頁(yè)或者小程序的時(shí)候經(jīng)常用到隨機(jī)數(shù)，作者整理了一個(gè)很簡(jiǎn)單的JS生成隨機(jī)數(shù)的程序，一起學(xué)習(xí)下。

我們先來看下本次源碼的效果圖

大家可以靈活運(yùn)用，我們把具體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> 
  //產(chǎn)生隨機(jī)數(shù) 
function count (){ 
  var i=Math.random()*(999999-100000)+100000; 
  var j=parseInt(i,10); 
  j="100000-999999隨機(jī)產(chǎn)生："+j; 
  document.getElementById("count").innerHTML= j; 
} 
setInterval("count()",100); 
  </script> 
</body> 
</html>

如果大家還有更簡(jiǎn)單的方法，可以在下方的留言區(qū)討論。

您可能感興趣的文章:

相關(guān)文章

常用限制input的方法的js代碼
常用限制input的方法的js代碼...
2007-03-03
深入解析js輪播插件核心代碼的實(shí)現(xiàn)過程
這篇文章主要深度揭密了js輪播插件核心代碼的實(shí)現(xiàn)過程，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-04-04
JavaScript setTimeout與setTimeinterval使用案例詳解
這篇文章主要介紹了JavaScript setTimeout與setTimeinterval使用案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
2021-08-08
JavaScript 中的 `forEach` 無法退出循環(huán)的解決方案
在 JavaScript 中,forEach 是一個(gè)數(shù)組方法,它用來對(duì)數(shù)組中的每個(gè)元素執(zhí)行指定的回調(diào)函數(shù),為了更好地理解這個(gè)問題,本文將通過實(shí)際項(xiàng)目代碼示例,并結(jié)合詳細(xì)的目錄結(jié)構(gòu)來進(jìn)行講解,感興趣的朋友跟隨小編一起看看吧
2024-12-12
詳解能在多種前端框架下使用的表格控件
表格控件是我們?cè)陂_發(fā)中經(jīng)常要用到的控件。有沒有能夠在多種前端控件下都能使用的表格控件？最近研究發(fā)現(xiàn)Wijmo中的FlexGrid是一款不錯(cuò)的表格控件，它能支持很多主流的框架。這里主要介紹在純JavaScript和AngularJS下FlexGrid的使用。
2017-01-01
JS計(jì)算網(wǎng)頁(yè)停留時(shí)間代碼
這篇文章主要介紹了JS計(jì)算網(wǎng)頁(yè)停留時(shí)間的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-04-04
Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之面包屑導(dǎo)航(breadcrumb)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
javascript實(shí)現(xiàn)在下拉列表中顯示多級(jí)樹形菜單的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)在下拉列表中顯示多級(jí)樹形菜單的方法,涉及javascript屬性菜單的定義、構(gòu)造及遍歷等技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
window resize和scroll事件的基本優(yōu)化思路
在項(xiàng)目中使用scroll事件去加載數(shù)據(jù)，結(jié)果IE下悲劇了。下面為大家介紹下window resize和scroll事件的基本優(yōu)化思路,需要的朋友可以參考下
2014-04-04
移動(dòng)端腳本框架Hammer.js
這篇文章主要為大家詳細(xì)介紹了一款開源的移動(dòng)端腳本框架Hammer.js,可以完美的實(shí)現(xiàn)在移端開發(fā)的大多數(shù)事件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12