如何实现页面动态展示使用随机数的数字效果？

本文共计514个文字，预计阅读时间需要3分钟。

无 1. [代码] JavaScript 代码 //jsp部分 -- 实时短信用户 -- div class=col-md-6 div class=row div-postion-img-13-b-2 img-14-border-l-2 div class=col-md-8 -- logo -- div class=row div-postion-img-14 div class=col-md-12

1.[代码][JavaScript]代码

//jsp部分 <%--实时短信用户--%> <div class="col-md-6 "> <div class="row div-postion-img-13-b-2 img-14-border-l-2"> <div class="col-md-8"> <%--logo--%> <div class="row div-postion-img-14"> <div class="col-md-12"> <img class="img-14-style" src="<%=request.getContextPath()%>/resources/unicom/img/pandect/u352.png"> <p id="img-14-font-style">实时短信用户</p> </div> </div> <%--数字表--%> <div class="row"> <%--<table id="message_users" class="table-style-14">--%> <%--<tr>--%> <%--<td><p>0</p></td>--%> <%--<td><p>9</p></td>--%> <%--<td><p>8</p></td>--%> <%--<td><p>7</p></td>--%> <%--<td><p>6</p></td>--%> <%--<td><p>5</p></td>--%> <%--</tr>--%> <%--</table>--%> <div id="message" class="table-style-14" ></div> </div> //js部分 $(document).ready(function(){ message('#message',1,2);//页面初始化运行 setInterval("message('#message',1,2)",1000);//定时运行方法，每一秒更新一次随机数表单，造成定时更新数据效果 }); //生成随机数 function randomsort() { return Math.random()>.5 ? -1 : 1; } //在id="idName "的div上面，添加<table >，<table >中包裹随机生成的数字 function message(idName,a,b) { var dataTem = ['0','1','2','3','4','5','6','7','8','9']; var data=dataTem.sort(randomsort()); var k = 0; var str= ''; str += "<table border='1' bordercolor='#000' class='table-style-14'> "; str += '<tr>'; // alert("5"); str += '<td><p>'+a+'</p></td>'; str += '<td><p>'+b+'</p></td>'; for(var j=0; j<4; j++) { k=parseInt(9*Math.random()); var tds = '<td><p>' + data[k] + '</p></td>'; k++; str += tds; } str += '</tr>'; str += '</table>'; $(idName).html(str); };