Javascript 静态页面实现随机显示广告的办法
作者：
最近在做私服发布站时，客户要求实现广告随机排序，而且要求在html页面实现，也就是说必须使用javascript来完成了。
首先，要实现生成n以内不重复的随机数，并将产生的随机数放入另一个Array中，用以下方法来完成：
function getRandomNumbers(count)
{
var numbers = new Array();
var original = new Array();
for (var i=0;i<count;i++)
{
original[i] = i+1;
}
original.sort(function(){ return 0.5 - Math.random(); });
for (var i=0;i<count;i++)
{
numbers[i] = original[i] - 1;
}
return numbers;
}
然后，在后台程序中，输出html脚本：
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>';
再用之前的方法，生成随机数，并且按随机数把html脚本显示出来。
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
复制代码 代码如下:
function getRandomNumbers(count)
{
var numbers = new Array();
var original = new Array();
for (var i=0;i<count;i++)
{
original[i] = i+1;
}
original.sort(function(){ return 0.5 - Math.random(); });
for (var i=0;i<count;i++)
{
numbers[i] = original[i] - 1;
}
return numbers;
}
然后，在后台程序中，输出html脚本：
复制代码 代码如下:
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服务器名称</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服务器IP</a></TD><TD width=160>开区时间</TD><TD align=center width=95>线路类别</TD><TD>版本介绍</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>详细介绍</font></a></TD></tr>';
再用之前的方法，生成随机数，并且按随机数把html脚本显示出来。
复制代码 代码如下:
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}