<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>随机五个数</title> </head> <body> <h1>第一种:正常数组</h1> <div id="demo"></div> <script type="text/javascript"> var demo = document.getElementById('demo');//获取对象 var arr = ['6666','9999','8888'];//数组 var arrLength = arr.length;//获取数组长度 var sj = Math.random()*arrLength;//随机 var i = Math.floor(sj);//取整 // 赋值 demo.innerHTML=arr[i];//取数组里面的值(下标) </script> <h1>第二种写法:字符串数组</h1> <div id="demo2"></div> <script type="text/javascript"> var demo2 = document.getElementById('demo2'); var arr2 = "一一一,二二二,三三三";//字符串 function num(d){ var fenge = d.split(',');//分割字符串 var arrLength2 = fenge.length; var sj2= Math.random()*arrLength2; var index = Math.floor(sj2); demo2.innerHTML = fenge[index]; } num(arr2) </script> </body> </html>
效果图: