Méthode d'implémentation du générateur de nombres aléatoires JavaScript-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Méthode d'implémentation du générateur de nombres aléatoires JavaScript

Jan 29, 2018 am 10:47 AM

javascript js 随机数

Cet article présente principalement JavaScript pour implémenter en détail un générateur de nombres aléatoires afin de générer des nombres aléatoires non répétitifs. Il a une certaine valeur de référence. J'espère que cela pourra aider tout le monde.

1. Préparation avant l'expérience :

Compréhension de la fonction Math

Compréhension de la méthode tableau

Opération expérimentale :

&lt;!DOCTYPE html&gt; 
&lt;html lang=&quot;en&quot;&gt; 
&lt;head&gt; 
  &lt;meta charset=&quot;UTF-8&quot;&gt; 
  &lt;title&gt;随机数生成&lt;/title&gt; 
&lt;/head&gt; 
&lt;style type=&quot;text/css&quot;&gt; 
body{font-size: 20px;} 
#box{border:3px solid #666;width:500px;height:300px;margin:20px auto;padding:20px;position: relative;} 
#min,#max{width: 60px;margin:5px;} 
#num{margin:15px;width: 115px;} 
button{width:80px;height:30px;letter-spacing: 10px;font-size: 15px;} 
h1{margin: 10px 90px;} 
&lt;/style&gt; 
&lt;body&gt; 
&lt;p&gt; 
  &lt;p id=&quot;box&quot;&gt; 
    &lt;h1&gt;课堂提问生成器&lt;/h1&gt; 
    &lt;label&gt;产生随机数的范围：&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;min&quot;&gt;--&lt;input type=&quot;text&quot; id=&quot;max&quot;&gt;&lt;/br&gt; 
    &lt;label&gt;需要产生多少个随机数：&lt;/label&gt;&lt;input type=&quot;text&quot; id=&quot;num&quot;&gt;&lt;/br&gt; 
    &lt;button onclick=&quot;produce()&quot;&gt;生成&lt;/button&gt; 
    &lt;p id=&quot;result&quot;&gt;&lt;/p&gt; 
  &lt;/p&gt; 
&lt;/p&gt; 
&lt;/body&gt; 
&lt;script type=&quot;text/javascript&quot;&gt; 
  function produce(){ 
    var omin=document.getElementById(&quot;min&quot;).value; 
    var max=document.getElementById(&quot;max&quot;).value; 
    var num=document.getElementById(&quot;num&quot;).value; 
    var oArray=new Array; 
    var result=&quot;&quot;; 
    var min=omin; 
    for(var i=0;i&lt;=max-omin;i++){ 
       oArray[i]=min; 
       min++; 
        console.log(oArray[i]); 
    } 
    //没有去重的原代码 
    // for(var i=0;i&lt;num;i++){ 
    // result+=parseInt(Math.random()*(max-min+1) + min)+&quot;,&quot;; 
    // } 
    oArray.sort(function(){return 0.5 - Math.random(); })  //把按顺序存储的数组打乱 
    for(var i=0;i&lt;num;i++){ 
    result+=oArray[i]+&quot;,&quot;; 
  } 
  document.getElementById(&quot;result&quot;).innerText=result; 
} 
&lt;/script&gt; 
&lt;/html&gt;

Copier après la connexion

3. Résultats de l'opération

Recommandations associées :

javascript génère nombres aléatoires Résumé de plusieurs méthodes

Fonction php rand() pour la génération de nombres aléatoires

Exemple d'implémentation JavaScript d'un générateur de déduplication de nombres aléatoires

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn