js 实现随机3D,并记录

原生态JavaScript ,自己可以用JQuery来升级




    
    福彩3D
    
    <script>
        window.onload=function () {
            var arr=["0","1","2","3","4","5","6","7","8","9"];
            var box1=document.getElementById("box1");
            var box2=document.getElementById("box2");
            var box3=document.getElementById("box3");
            var span=document.getElementById("span");
            var ol=document.getElementById("ol");
            var state=0;
            var t;
            span.onclick=function () {
                if(state==0)
                {
                    clearInterval(t);
                    t=setInterval(function () {
                        var js=Math.round(Math.random()*(arr.length-1));
                        var js1=Math.round(Math.random()*(arr.length-1));
                        var js2=Math.round(Math.random()*(arr.length-1));
                        box1.innerHTML=arr[js];
                        box2.innerHTML=arr[js1];
                        box3.innerHTML=arr[js2];
 
                    },100)
                    state=1;
                    span.innerHTML="结束";
                }else {
                    var li=document.createElement("li");
                    li.innerHTML=box1.innerHTML+""+box2.innerHTML+""+box3.innerHTML;
                    ol.appendChild(li);
                    clearInterval(t);
                    state=0;
                    span.innerHTML="开始";
                }
            }
        }
    </script>


0
0
0
开始

    Math.round()函数是JavaScript中用于四舍五入取整的内置函数,其作用是将一个数字四舍五入到最接近的整数。在数学计算和数据处理过程中,我们经常需要对小数进行取整操作,以便得到更为简洁、易于比较的数据结果。Math.round()函数正是为此目的而生的。

    一、Math.round()函数的作用

    数据简化:在数据分析和处理过程中,对于大量的小数数据,直接使用原始数据可能会增加计算复杂度和存储空间。通过使用Math.round()函数对数据进行四舍五入取整,可以有效地简化数据,提高计算效率和节省存储空间。

    便于比较:在进行数值比较时,使用整数值比使用小数更为直观和便捷。通过将小数四舍五入为整数,可以直接使用等于(==)或不等于(!=)运算符进行比较,避免了浮点数精度问题带来的困扰。

    可视化展示:在数据可视化中,坐标轴通常以刻度的形式显示整数值。如果将小数值直接映射到坐标轴上,可能会导致刻度线过于密集或不易读取。通过使用Math.round()函数将数据取整后再绘制图形,可以使坐标轴刻度更加清晰易读。

    JavaScript的 Math.random() 函数用于生成一个0到1之间(包括0,但不包括1)的伪随机数。尽管结果看起来是无序且随机的,但它们实际上是通过一种算法确定性地生成的。这使得Math.random()生成的数值在统计分析中具有随机性,但从理论上讲,如果您知道算法的内部工作原理以及它使用的种子值,您就可以预测接下来会生成哪个数字。

    Math.random()背后的算法因不同的JavaScript引擎而异,如V8、SpiderMonkey或JavaScriptCore等,每种引擎都有自己的实现方式,但所有实现都致力于确保生成的数值序列尽可能看起来是“随机”的。