Автоматическое обновление страницы

Представьте себе ситуацию: Вы входите на страницу, знакомитесь с ее содержимым, по выбранной ссылке переходите на другую страницу сайта, а когда возвращаетесь назад, то обнаруживаете, что дизайн и содержание первой страницы изменились, как будто в Ваше кратковременное отсутствие произошло обновление страницы. Такого эффекта довольно просто добиться при помощи несложного скрипта JavaScript использующего генератор случайных чисел.

В общем виде скрипт может выглядеть следующим образом:

<script language="JavaScript">

<!--
    var a=Math.round(Math.random()*2)

    var b=Math.round(Math.random()*2)

    var c=Math.round(Math.random()*2)

    document.write("<p align=center><IMG SRC=logo"+a+".gif align=center>");

    title = new Array();

       title[0]="<font color=#ff0000>Заголовок-1</font>"

       title[1]="<font color=#0000ff>Заголовок-2</font>"

       title[2]="<font color=#ff00ff>Заголовок-3</font>"

    document.write ("<h1><p align=center>"+title[b]+"</p><h1>");

    txt = new Array();

       txt[0]="Текст-1" 

       txt[1]="Текст-2"

       txt[2]="Текст-4" 

    document.write ("<p align=center>"+txt[c]+"</p>");

//-->
</script>

В этом примере для формирования страницы используется три элемента:

- логотип (logoX.gif)
- заголовок (title)
- текст (txt)

Каждый из элементов выбирается соответствующим генератором "случайных" чисел (a, b, c) из трех себе подобных. Вероятность выбора конкретного элемента - 1/3, соответственно вероятность того, что дизайн страницы не изменится при ее повторном просмотре - 1/9. Если Вы увеличите количество элементов и их выборку, вероятность повтора резко уменьшиться, например 10 элементов по 10 в группе дадут вероятность повтора дизайна страницы - 1*10^-10 (одна десятимиллиардная). В качестве элемента дизайна можно использовать не только изображения и текст, но и звук, а так же задний фон. Следует только корректно описать элементы в виде соответствующих переменных. Например для изменения заднего фона из десяти возможных (от backgr0.gif до backgr9.gif ), соответствующая часть скрипта может выглядеть следующим образом:

Только не забывайте о совместимости цветов заднего фона и текста.

Вы также можете изменять положение элементов не экране, используя для описания переменных этих элементов соответствующие HTML теги.

Пример применения генератора случайных чисел для автоматического формирования содержания страницы.

[Назад]