无法在这个位置找到: head2.htm
当前位置: 建站首页 > 新闻动态 > 公司新闻 >

装饰公司微信小程序_基于JS完成的随机数字抽签

时间:2021-01-12 16:37来源:装饰公司微信小程序 作者:jianzhan 点击:
根据JS完成的任意数据摇签案例 文中共享了根据JS完成的任意数据摇签的案例编码。网编觉得具非常好的参照使用价值,很感兴趣的朋友能看下$("li").click(function () {var n = Math.floor
基于JS实现的随机数字抽签实例       本文分享了基于JS实现的随机数字抽签的实例代码。小编认为具很好的参考价值,感兴趣的朋友可以看下
$("li").click(function () { var n = Math.floor(Math.random() * numArray.length + 1) - 1; //生成随机数 $(this).text(numArray[n]); numArray.splice(n, 1); //移除随机数 $("#btnStart").click(function () { var totalArray = new Array(); $("li").each(function (i, v) { totalArray[i] = v.innerText; var n = Math.floor(Math.random() * totalArray.length + 1) - 1; //生成随机数 this.value = totalArray[n]; $("li").each(function (i, v) { if (v.innerText == $("#btnStart").val()) { this.style.background = "red"; else this.style.background = "white"; /script style type="text/css" ul { /*display: block; float:left;*/ ul li { width: 150px; height: 150px; line-height: 150px; border: 1px solid gray; float: left; margin-left: 10px; margin-top: 10px; list-style-type: none; text-align: center; font-size: 20px; #btnStart { width: 100px; height: 30px; margin-left: 10px; margin-top: 10px; /style /head body div li click me! /li li click me! /li li click me! /li li click me! /li /ul li click me! /li li click me! /li li click me! /li li click me! /li /ul li click me! /li li click me! /li li click me! /li li click me! /li /ul li click me! /li li click me! /li li click me! /li li click me! /li /ul li click me! /li li click me! /li li click me! /li li click me! /li /ul /div input id="btnStart" type="button" value="Start" / /body /html

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持凡科!


(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信