Javascript 靜態(tài)頁(yè)面實(shí)現(xiàn)隨機(jī)顯示廣告的辦法
更新時(shí)間：2010年11月17日 19:32:50 作者：
最近在做私服發(fā)布站時(shí)，客戶(hù)要求實(shí)現(xiàn)廣告隨機(jī)排序，而且要求在html頁(yè)面實(shí)現(xiàn)，也就是說(shuō)必須使用javascript來(lái)完成了。
首先，要實(shí)現(xiàn)生成n以?xún)?nèi)不重復(fù)的隨機(jī)數(shù)，并將產(chǎn)生的隨機(jī)數(shù)放入另一個(gè)Array中，用以下方法來(lá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;
}
然后，在后臺(tái)程序中，輸出html腳本：
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱(chēng)</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開(kāi)區(qū)時(shí)間</TD><TD align=center width=95>線路類(lèi)別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細(xì)介紹</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱(chēng)</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開(kāi)區(qū)時(shí)間</TD><TD align=center width=95>線路類(lèi)別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細(xì)介紹</font></a></TD></tr>';
再用之前的方法，生成隨機(jī)數(shù)，并且按隨機(jī)數(shù)把html腳本顯示出來(lái)。
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
復(fù)制代碼 代碼如下:
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;
}
然后，在后臺(tái)程序中，輸出html腳本：
復(fù)制代碼 代碼如下:
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱(chēng)</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開(kāi)區(qū)時(shí)間</TD><TD align=center width=95>線路類(lèi)別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細(xì)介紹</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱(chēng)</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開(kāi)區(qū)時(shí)間</TD><TD align=center width=95>線路類(lèi)別</TD><TD>版本介紹</TD><TD width=105>客服QQ</TD><TD align=center width=55><a href=# target=_blank><font color=#000000>詳細(xì)介紹</font></a></TD></tr>';
再用之前的方法，生成隨機(jī)數(shù)，并且按隨機(jī)數(shù)把html腳本顯示出來(lái)。
復(fù)制代碼 代碼如下:
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
相關(guān)文章
本篇文章給大家分享了用嘴簡(jiǎn)單的JS代碼來(lái)實(shí)現(xiàn)經(jīng)典貪吃蛇游戲的全部?jī)?nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-01-01
DataGear開(kāi)發(fā)基于three.js的3D數(shù)據(jù)可視化看板的詳細(xì)代碼
DataGear?支持采用原生的HTML、JavaScript、CSS制作數(shù)據(jù)可視化看板，也支持導(dǎo)入由npm、vite等前端工具構(gòu)建的前端程序包，這篇文章主要介紹了DataGear制作基于three.js的3D數(shù)據(jù)可視化看板,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了JS異步加載進(jìn)度條 的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了javascript控制層顯示或隱藏的方法,涉及javascript操作頁(yè)面元素樣式的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07
JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇JavaScript操作選擇對(duì)象的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧2016-05-05
javascript 上下banner替換具體實(shí)現(xiàn)
這篇文章介紹了javascript 上下banner替換具體實(shí)現(xiàn)，有需要的朋友可以參考一下2013-11-11
js 提取某()特殊字符串長(zhǎng)度的實(shí)例
下面小編就為大家分享一篇js 提取某()特殊字符串長(zhǎng)度的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12
本文給大家詳細(xì)分析了javascript中的6種變量類(lèi)型，通過(guò)示例做了詳細(xì)的解釋?zhuān)值膶?shí)用，對(duì)于大家熟練掌握變量類(lèi)型非常有幫助，有需要的小伙伴可以參考下。2015-07-07
JavaScript通過(guò)this變量快速找出用戶(hù)選中radio按鈕的方法
這篇文章主要介紹了JavaScript通過(guò)this變量快速找出用戶(hù)選中radio按鈕的方法,涉及javascript中this變量的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
在js(jquery)中獲得文本框焦點(diǎn)和失去焦點(diǎn)的方法
文章介紹兩個(gè)方法和種是利用javascript onFocus onBlur來(lái)判斷焦點(diǎn)和失去焦點(diǎn)，加一種是利用jquery $("p").blur(); 或$("p").blur(fn)來(lái)實(shí)現(xiàn)，有需要的朋友可以參考一下2012-12-12