Скрипт для случайной ротации ссылок или баннеров

Avalon · January 9, 2008

Народ помогите усовершенствовать логику скрипта.

<Script Language ="JavaScript">

function RandomNumber() 
{
 var today = new Date();
 var num= Math.abs(Math.sin(today.getTime()/1000));
 return num;
}

function RandomLinks() 
{
 var x = RandomNumber();

 if (x > .77) 
{document.write("<a href='http://www.link-08.com/'>Link-08</a>"); return; 
}
 if (x > .66) 
{document.write("<a href='http://www.link-07.com/'>Link-07</a>"); return; 
}
 if (x > .55) 
{document.write("<a href='http://www.link-06.com/'>Link-06</a>"); return; 
}
 if (x > .44) 
{document.write("<a href='http://www.link-05.com/'>Link-04</a>"); return; 
}
 if (x > .33) 
{document.write("<a href='http://www.link-04.com/'>Link-04</a>"); return; 
}
 if (x > .22) 
{document.write("<a href='http://www.link-03.com/'>Link-03</a>"); return; 
}
 if (x > .11) 
{document.write("<a href='http://www.link-02.com/'>Link-02</a>"); return; 
}
 if (x > 0) 
{document.write("<a href='http://www.link-01.com/'>Link-01</a>"); return; 
}
}

</SCRIPT>

<Script Language ="JavaScript">
RandomLinks();
</SCRIPT>

На сколько я понимаю (а я очень далеко не силен в JS), этот скрип выводит случайный линк в зависимости от времени суток (хотя может я и ошибаюсь)

Может кто поможет исправить скрипт таким образом, что бы он выводил случайный линк после каждой перезагрузки страницы.

Буду благодарен за ссылки скриптов, которые близкие по логике.

Заранее благодарен, тем кто уделит моей проблеме несколько своих минут.

NikuZ · January 9, 2008

<body>

<div id="div_links">
 <a href="#">1</a>
 <a href="#">2</a>
 <a href="#">3</a>
 <a href="#">4</a>
 <a href="#">5</a>
</div>
<script type="text/javascript">
 var d=document,arrayLink=[];
 divLinks=d.getElementById('div_links');
 all_link=divLinks.getElementsByTagName('a');
 for(i=0;i<all_link.length;i++)
 arrayLink[i]=all_link[i];
 Array.prototype.shuffle = function( b )
 {
 var i = this.length, j, t;
 while( i ) 
 {
 j = Math.floor( ( i-- ) * Math.random() );
 t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
 this[i] = this[j];
 this[j] = t;
 }

 return this;
 };
 arrayLink.shuffle();
 for(i=0;i<arrayLink.length;i++)
 divLinks.appendChild(arrayLink[i]);
</script>
</body>

Avalon · January 9, 2008

NikuZ спасибо за твой вариант кода!

Твой код супер смешивает все линки (большой респект по стилю кодинга), но как вывести по одной ссылке, а не все сразу в перемешанном виде.

D.S.Denton · January 9, 2008

вот так:

for(i=0;i

divLinks.appendChild(arrayLink);

выводит циклом весь массив.

уберем цикл и будем выводить только один элемент:

divLinks.appendChild(arrayLink[0]);

NikuZ · January 9, 2008

<div id="div_links">
 <a href="#">1</a>
 <a href="#">2</a>
 <a href="#">3</a>
 <a href="#">4</a>
 <a href="#">5</a>
</div>
<script type="text/javascript">
 var d=document,arrayLink=[];
 divLinks=d.getElementById('div_links');
 all_link=divLinks.getElementsByTagName('a');
 for(i=0;i<all_link.length;i++)
 arrayLink[i]=all_link[i];
 Array.prototype.shuffle = function( b )
 {
 var i = this.length, j, t;
 while( i ) 
 {
 j = Math.floor( ( i-- ) * Math.random() );
 t = b && typeof this[i].shuffle!=='undefined' ? this[i].shuffle() : this[i];
 this[i] = this[j];
 this[j] = t;
 }

 return this;
 };
 arrayLink.shuffle();
 lengthChild=divLinks.childNodes;
 for(i=0;lengthChild.length;i++)
 divLinks.removeChild(divLinks.firstChild);
 divLinks.appendChild(arrayLink[0]);
</script>

это как вариант. Не удобно тем, что сначала страница загружается, затем анализируются ссылки в

, сортируются, удаляются все в этом div и уже потом создается эта случайная ссылка. Не уверен что это нужно использовать, лучше конечно через XML(или еще каким другим способом), но можешь попробывать.

D.S.Denton · January 9, 2008

а теперь хинт (выделил отличия):

<script type="text/javascript">
var d=document,arrayLink=[];
divLinks=d.getElementById('div_links');
// all_link=divLinks.getElementsByTagName('a'); - удалим
// for(i=0;i
arrayLink[0] = '1';
arrayLink[1] = '2';
arrayLink[2] = '3';
arrayLink[3] = '4';
arrayLink[4] = '5';
// arrayLink=all_link; - ну это мы заменили предыдущими строками...
Array.prototype.shuffle = function(
{
var i = this.length, j, t;
while( i )
{
j = Math.floor( ( i-- ) * Math.random() );
t = b && typeof this.shuffle!=='undefined' ? this.shuffle() : this;
this = this[j];
this[j] = t;
}
return this;
};
arrayLink.shuffle();
// lengthChild=divLinks.childNodes; -- удаляем...
// for(i=0;lengthChild.length;i++) -- тем более
// divLinks.removeChild(divLinks.firstChild); -- за компанию
divLinks.appendChild(arrayLink[0]);

это конечно то чно можно сделать из имеющегося. а вот если переписать полностью, будет гораздо симпатичнее и менее ресурсоемко, т.к. фактически алгоритм рандомного вывода элемента: 1)создаем массив 2)выводим случайный элемент. здесь же 1)создаем массив 2)переписываем в другой массив 3)перемешиваем 4)выводим нулевой элемент

(могут быть ошибки, писал в форме ответа)

supruni · August 28, 2012

Добрый день,

Подскажите, пожалуйста, как сделать так чтобы скрипт выводил ссылки не в одно строку, а в несколько?

К примеру,

1

2

3

4

5

Заранее, спасибо!

Sign In

Скрипт для случайной ротации ссылок или баннеров

Question

Avalon

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

NikuZ

Link to comment

Share on other sites

Avalon

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

NikuZ

Link to comment

Share on other sites

D.S.Denton

Link to comment

Share on other sites

supruni

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information