Javascript 靜態(tài)頁面實(shí)現(xiàn)隨機(jī)顯示廣告的辦法
更新時(shí)間:2010年11月17日 19:32:50 作者:
最近在做私服發(fā)布站時(shí),客戶要求實(shí)現(xiàn)廣告隨機(jī)排序,而且要求在html頁面實(shí)現(xiàn),也就是說必須使用javascript來完成了。
首先,要實(shí)現(xiàn)生成n以內(nèi)不重復(fù)的隨機(jī)數(shù),并將產(chǎn)生的隨機(jī)數(shù)放入另一個(gè)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;
}
然后,在后臺(tái)程序中,輸出html腳本:
var sf = new Array();
sf[0]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時(shí)間</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>詳細(xì)介紹</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時(shí)間</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>詳細(xì)介紹</font></a></TD></tr>';
再用之前的方法,生成隨機(jī)數(shù),并且按隨機(jī)數(shù)把html腳本顯示出來。
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ù)器名稱</a></TD><TD width=110><a href=http://sc.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時(shí)間</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>詳細(xì)介紹</font></a></TD></tr>';
sf[1]='<tr><TD width=120><a href=# target=_blank>服務(wù)器名稱</a></TD><TD width=110><a href=http://s.jb51.net target=_blank>服務(wù)器IP</a></TD><TD width=160>開區(qū)時(shí)間</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>詳細(xì)介紹</font></a></TD></tr>';
再用之前的方法,生成隨機(jī)數(shù),并且按隨機(jī)數(shù)把html腳本顯示出來。
復(fù)制代碼 代碼如下:
var numbers = getRandomNumbers(sf.length);
for( i=0;i<numbers.length;i++ )
{
document.write(sf[numbers[i]]);
}
相關(guān)文章
利用weixin-java-miniapp生成小程序碼并直接返回圖片文件流的方法
這篇文章主要介紹了利用weixin-java-miniapp生成小程序碼并直接返回圖片文件流的方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法
這篇文章主要介紹了js控制文本框只輸入數(shù)字和小數(shù)點(diǎn)的方法,實(shí)例分析了javascript使用正則表達(dá)式實(shí)現(xiàn)限制數(shù)字和小數(shù)點(diǎn)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03js實(shí)現(xiàn)盒子滾動(dòng)動(dòng)畫效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)盒子滾動(dòng)動(dòng)畫效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-08-08面試官常問之說說js中var、let、const的區(qū)別
var、let和const都是JavaScript中用來聲明變量的關(guān)鍵字,并且let和 const關(guān)鍵字是在 ES6 中才新增的,下面這篇文章主要給大家介紹了關(guān)于var、let、const區(qū)別的相關(guān)資料,需要的朋友可以參考下2022-03-03javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)
這篇文章主要介紹了javascript實(shí)現(xiàn)按回車鍵切換焦點(diǎn)的方法,需要的朋友可以參考下2015-02-02JavaScript 程序錯(cuò)誤Cannot use ''in'' operator to search的解決方法
下面小編就為大家?guī)硪黄狫avaScript 程序錯(cuò)誤Cannot use 'in' operator to search的解決方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07一個(gè)不錯(cuò)的可以檢測(cè)多中瀏覽器的函數(shù)和其它功能
一個(gè)不錯(cuò)的可以檢測(cè)多中瀏覽器的函數(shù)和其它功能...2007-04-04