Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перебрасывает в пустую страницу. (https://javascript.ru/forum/misc/56232-perebrasyvaet-v-pustuyu-stranicu.html)

Родион420 05.06.2015 23:43

Перебрасывает в пустую страницу.
 
<script language="JavaScript"> 
<!-- 
var timerId = setInterval(function() {
var a=Math.round(Math.random()*35) 
image = new Array(); 
image[0]="rotate_image/0.png" 
image[1]="rotate_image/1.png" 
image[2]="rotate_image/2.png"
image[3]="rotate_image/3.png" 
image[4]="rotate_image/4.png" 
image[5]="rotate_image/5.png" 
image[6]="rotate_image/6.png" 
image[7]="rotate_image/7.png" 
image[8]="rotate_image/8.png" 
image[9]="rotate_image/9.png" 
image[10]="rotate_image/10.png" 
image[11]="rotate_image/11.png"
image[12]="rotate_image/7.png" 
image[13]="rotate_image/7.png"
image[14]="rotate_image/12.png"
image[15]="rotate_image/13.png" 
image[16]="rotate_image/14.png"  
image[17]="rotate_image/15.png"
image[18]="rotate_image/15.png" 
image[19]="rotate_image/15.png" 
image[20]="rotate_image/15.png"
image[21]="rotate_image/3.png"
image[22]="rotate_image/3.png"
image[23]="rotate_image/16.png"  
image[24]="rotate_image/17.png" 
image[25]="rotate_image/17.png"  
image[26]="rotate_image/17.png" 
image[27]="rotate_image/18.png"   
image[28]="rotate_image/18.png" 
image[29]="rotate_image/18.png"
image[30]="rotate_image/19.png"
image[31]="rotate_image/20.png" 
image[32]="rotate_image/20.png"
image[33]="rotate_image/21.png" 
image[34]="rotate_image/21.png" 
image[35]="rotate_image/21.png"       
document.write ("<img src="+image[a]+">");
text = new Array();
text[0]="Рома.."
text[1]="Серге.."
text[2]="No Name"
text[3]="Расим.."
text[4]="No Name"
text[5]="Дес.."
text[6]="Джали.."
text[7]="Его.."
text[8]="Адел.."
text[9]="Фили.."
text[10]="Була.."
text[11]="Мара.."
text[12]="Алекса.."
text[13]="Дани.."
text[14]="Паш.."
text[15]="Влади.."
text[16]="Арту.."
text[17]="Дмитр.."
text[18]="Кири.."
text[19]="Фани.."
text[20]="Родио.."
text[21]="Ива.."
text[22]="No Name"
text[23]="No Name"
text[24]="Вади.."
text[25]="Владис.."
text[26]="Джорд.."
text[27]="Георг.."
text[28]="No Name"
text[29]="No Name"
text[30]="No Name"
text[31]="Сук.."
text[32]="Васи.."
text[33]="Айза.."
text[34]="Ильги.."
text[35]="Арте.."
text[36]="Михаи.."
text[37]="Тиму.."
text[38]="Фари.."
text[39]="Дени.."
text[40]="Рамаза.."
text[41]="Сама.."
text[42]="Григори.."
text[43]="Инса.."
text[44]="Вади.."
text[45]="Аде.."
var a = Math.round(Math.random() * (text.length - 1))
document.write (text[a]);
}, 20000);
setTimeout(function() {
  clearInterval(timerId);
}, 120000);
</script>

Вот такой код, вставляю скрипт на сайт и через 20 секунд меня перебрасывает в пустое окно, скрипт естественно работает. Как решить проблему? Как сделать так, чтобы скрипт включался на странице, а не в отдельном окне?

рони 06.06.2015 00:07

Родион420,
Цитата:

Запуск document.write после загрузки приведёт к очистке документа.
https://learn.javascript.ru/document-write

Цитата:

document.createElement(tag)Создать элемент с тегом tag
document.createTextNode(txt)Создать текстовый узел с текстом txt
https://learn.javascript.ru/modifying-document

Родион420 06.06.2015 11:34

Меняю функцию, но не особо получается. Теперь просто скрипт не работает(

рони 06.06.2015 12:10

Родион420,
где код?

рони 06.06.2015 12:19

Родион420,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
 <script>
var timerId = setInterval(function() {
var a=Math.floor(Math.random()*35)
image = new Array();
image[0]="rotate_image/0.png"
image[1]="rotate_image/1.png"
image[2]="rotate_image/2.png"
image[3]="rotate_image/3.png"
image[4]="rotate_image/4.png"
image[5]="rotate_image/5.png"
image[6]="rotate_image/6.png"
image[7]="rotate_image/7.png"
image[8]="rotate_image/8.png"
image[9]="rotate_image/9.png"
image[10]="rotate_image/10.png"
image[11]="rotate_image/11.png"
image[12]="rotate_image/7.png"
image[13]="rotate_image/7.png"
image[14]="rotate_image/12.png"
image[15]="rotate_image/13.png"
image[16]="rotate_image/14.png"
image[17]="rotate_image/15.png"
image[18]="rotate_image/15.png"
image[19]="rotate_image/15.png"
image[20]="rotate_image/15.png"
image[21]="rotate_image/3.png"
image[22]="rotate_image/3.png"
image[23]="rotate_image/16.png"
image[24]="rotate_image/17.png"
image[25]="rotate_image/17.png"
image[26]="rotate_image/17.png"
image[27]="rotate_image/18.png"
image[28]="rotate_image/18.png"
image[29]="rotate_image/18.png"
image[30]="rotate_image/19.png"
image[31]="rotate_image/20.png"
image[32]="rotate_image/20.png"
image[33]="rotate_image/21.png"
image[34]="rotate_image/21.png"
image[35]="rotate_image/21.png"
text = new Array();
text[0]="Рома.."
text[1]="Серге.."
text[2]="No Name"
text[3]="Расим.."
text[4]="No Name"
text[5]="Дес.."
text[6]="Джали.."
text[7]="Его.."
text[8]="Адел.."
text[9]="Фили.."
text[10]="Була.."
text[11]="Мара.."
text[12]="Алекса.."
text[13]="Дани.."
text[14]="Паш.."
text[15]="Влади.."
text[16]="Арту.."
text[17]="Дмитр.."
text[18]="Кири.."
text[19]="Фани.."
text[20]="Родио.."
text[21]="Ива.."
text[22]="No Name"
text[23]="No Name"
text[24]="Вади.."
text[25]="Владис.."
text[26]="Джорд.."
text[27]="Георг.."
text[28]="No Name"
text[29]="No Name"
text[30]="No Name"
text[31]="Сук.."
text[32]="Васи.."
text[33]="Айза.."
text[34]="Ильги.."
text[35]="Арте.."
text[36]="Михаи.."
text[37]="Тиму.."
text[38]="Фари.."
text[39]="Дени.."
text[40]="Рамаза.."
text[41]="Сама.."
text[42]="Григори.."
text[43]="Инса.."
text[44]="Вади.."
text[45]="Аде.."
var b = Math.floor(Math.random() * text.length);
var div = document.createElement('div');
div.innerHTML = "<img src="+image[a]+">" + text[b];
document.body.appendChild(div)
}, 800);
setTimeout(function() {
  clearInterval(timerId);
}, 12000);
</script>

 </script>
</body>

</html>

Родион420 06.06.2015 13:39

Спасибо огромное! Но возможно ли сделать, чтобы картинки падали горизантально, как раньше, а сейчас падает вертикально. И еще русские символы перестали читаться "���.."

рони 06.06.2015 13:57

Родион420,
сразу ставьте <meta charset="utf-8"> потом пишите текст
и прочитайте https://learn.javascript.ru/modifying-document
создайте картинку - установите src -добавьте на страницу -- создайте текст добавьте на страницу
или неблочный контейнер
var div = document.createElement('span');
или добавить
<style type="text/css">
  div{
    display: inline-block;
  }

  </style>

Родион420 06.06.2015 14:37

Спасибо! Но кодировка 8 все равно не преображает русскоязычные символы(

Endy 06.06.2015 14:52

Родион420,
Цитата:

Сообщение от рони
сразу ставьте <meta charset="utf-8">

+
Зайдите через Notepad++ верхнем меню выбираете пункт Кодировки, подпункт "Преобразовать в UTF-8 (без ВОМ)" сохраните и проверьте.

рони 06.06.2015 14:55

Родион420,
тут то работает? значит смените редактор или формат редактируемой страницы
Исправление кодировки UTF8 без BOM


Часовой пояс GMT +3, время: 08:09.