介绍 & lt; !DOCTYPE html>
& lt; html lang=癳n"祝辞
& lt; head>
& lt;元charset=癠TF-8"祝辞
& lt; title> js实现双色球效果& lt;/title>
& lt; style>
跨度{
字体大小:20 px;
}
。{
颜色:红色;
}
。b {
颜色:蓝色;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; button>点击获取今日双色球数& lt;/button>
& lt; pre>
& lt;跨类=癮"祝辞& lt;/span> & lt;跨类=癰"祝辞& lt;/span>
& lt;/pre>
& lt; script>
var arr=[];
(让我=1;我& lt;34;我+ +){
加勒比海盗(i - 1)=我;
}
var跨度=document.querySelectorAll (“span");
document.querySelector (“button")。onclick=function () {/* es6使用设置集合会自动去除重复*//*获取红球*/让设置=new ();
而(set.size & lt;6){
arrS.length set.add (getR (arr));
}/*获取篮球*/让set2=new中的();
而(set2。中的大小& lt;1){
set2。中的添加(getR(加勒比海盗、16));
}
var香港=?“;
var局域网=?“;
(让v () {
香港+=v;
香港+=?“;
}
(让v的set2)中的{
局域网+=v;
局域网+=?“;
}//将内容添加到页面上
张成[0]。innerText=香港实现;
[1]。innerText=实现局域网;
}//获取指定范围内的随机数
艾尔函数getR (arr) {
返回arr [Math.floor (math . random () * al)];
}
& lt;/script>
& lt;/body>
& lt;/html>
这篇文章运用简单易懂的例子给大家介绍js怎么实现双色球效果,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
源码展示:
关于js怎么实现双色球效果就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。
js怎么实现双色球效果
