无 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);
};
