Javascript 静态页面实现随机显示广告的办法_Javascript教程-查字典教程网
Javascript 静态页面实现随机显示广告的办法
Javascript 静态页面实现随机显示广告的办法
发布时间:2016-12-30 来源:查字典编辑
摘要:首先,要实现生成n以内不重复的随机数,并将产生的随机数放入另一个Array中,用以下方法来完成:复制代码代码如下:functiongetRa...

首先,要实现生成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]]);

}

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类