随机数的获取

原创 892852158 随笔 随笔 200阅读 2017-12-20 09:46:14 举报

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link rel="stylesheet" href="css/reset.css" />
<script SRC="people/jquery-1.11.3.min.js"></script>
<style>
ul{clear: all;width:100%;margin:10px;}
li{float:left;width:4.5%;padding:1px;text-align: center;border: 1px solid #ccc;margin-right: 2px;}
.btnDiv{width:100%;margin:0 auto;margin-top: 50px;}
.btn{text-align: center;}
.curTap{border:1px solid #f00;background: #f00;}
</style>
</head>
<body>
<ul class="clearfix">
<li id="1">1</li>
<li id="2">2</li>
<li id="3">3</li>
<li id="4">4</li>
<li id="5">5</li>
<li id="6">6</li>
<li id="7">7</li>
<li id="8">8</li>
<li id="9">9</li>
<li id="10">10</li>
<li id="11">11</li>
<li id="12">12</li>
<li id="13">13</li>
<li id="14">14</li>
<li id="15">15</li>
<li id="16">16</li>
<li id="17">17</li>
<li id="18">18</li>
<li id="19">19</li>
<li id="20">20</li>
<li id="21">21</li>
<li id="22">22</li>
<li id="23">23</li>
<li id="24">24</li>
<li id="25">25</li>
<li id="26">26</li>
<li id="27">27</li>
<li id="28">28</li>
<li id="29">29</li>
<li id="30">30</li>
<li id="31">31</li>
<li id="32">32</li>
<li id="33">33</li>
<li id="34">34</li>
<li id="35">35</li>
<li id="36">36</li>
<li id="37">37</li>
<li id="38">38</li>
<li id="39">39</li>
<li id="40">40</li>
<li id="41">41</li>
<li id="42">42</li>
<li id="43">43</li>
<li id="44">44</li>
<li id="45">45</li>
<li id="46">46</li>
<li id="47">47</li>
<li id="48">48</li>
<li id="49">49</li>
<li id="50">50</li>
<li id="51">51</li>
<li id="52">52</li>
<li id="53">53</li>
<li id="54">54</li>
<li id="55">55</li>
<li id="56">56</li>
<li id="57">57</li>
<li id="58">58</li>
<li id="59">59</li>
<li id="60">60</li>
<li id="61">61</li>
<li id="62">62</li>
<li id="63">63</li>
<li id="64">64</li>
<li id="65">65</li>
<li id="66">66</li>
<li id="67">67</li>
<li id="68">68</li>
<li id="69">69</li>
<li id="70">70</li>
<li id="71">71</li>
<li id="72">72</li>
<li id="73">73</li>
<li id="74">74</li>
<li id="75">75</li>
<li id="76">76</li>
<li id="77">77</li>
<li id="78">78</li>
<li id="79">79</li>
<li id="80">80</li>
<li id="81">81</li>
<li id="82">82</li>
<li id="83">83</li>
<li id="84">84</li>
<li id="85">85</li>
<li id="86">86</li>
<li id="87">87</li>
<li id="88">88</li>
<li id="89">89</li>
<li id="90">90</li>
<li id="91">91</li>
<li id="92">92</li>
<li id="93">93</li>
<li id="94">94</li>
<li id="95">95</li>
<li id="96">96</li>
<li id="97">97</li>
<li id="98">98</li>
<li id="99">99</li>
<li id="100">100</li>
</ul>
<div class="btnDiv">
<button class='btn'>开始</button>
</div>
<script>
var interval = "";
var arr = [];
var indexItem = 0;
var l = $("ul li").length;
clock = function(){
var round = Math.round(Math.random()l);
$("ul li").eq(round).addClass("curTap").siblings().removeClass("curTap");
}
$(".btn").on('click',function(){
var btnNode = $(".btn").html();
if(btnNode =="开始"){
$(".btn").html("停止");
interval = setInterval("clock()",50);
}else{
clearInterval(interval);
$(".btn").html("开始");
var round = Math.round(Math.random()
l);
console.log($('ul li[id='+round+']'));
$('ul li[id='+round+']').addClass("curTap").siblings().removeClass("curTap");
}
});
</script>
</body>
</html>

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复