当前位置 : 主页 > 网络编程 > JavaScript >

使用随机数,在页面展示动态数字效果

来源:互联网 收集:自由互联 发布时间:2021-07-03
无 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);
        };
网友评论