Neuroplay

by dmitry_konyshev

HTML

<script src="https://braincomputer.io/development/assets/js/notifyObject-1.0.0.js"></script>
<script src="https://braincomputer.io/development/assets/js/neuroplay-1.0.0.js"></script>
<div id="text_out">

  <p id="text_change">Готовы?</p>
  <hr>
  <button onclick="text_out()" class="btn btn-danger" id="butBiginer">НАЧАЛИ</button>
  <button onclick="text_out2()" class="btn btn-danger" id="butNext" disabled>ДАЛЬШЕ</button> 
  <button onclick="text_out3()" class="btn btn-danger" id="butSTOP" disabled>СТОП</button>
</div>
<p id="textrotator"></p>

CSS

#text_out
{
  height: 300px;
  width: 400px;
}

JavaScript

var stp=0, clk=0;
function text_out() {
   var p, butOne, butTwo, butThree;
   p = document.getElementById('text_change');
   butOne = document.getElementById('butBiginer');
   butTwo = document.getElementById('butNext');
   butThree = document.getElementById('butSTOP');
   Rotator(0);   
   p.innerHTML = 'Перекидываемые, опрокидываемые <br/>';
   p.innerHTML += 'Разозлились, разбесились белоусые угри.<br/>';
   p.innerHTML += 'Вниз отбрасываемые, кверху вскидываемые,<br/>';
   p.innerHTML += 'Расплетались и сплетались от зари и до зари.<br/>';
   p.innerHTML += 'Змеи вздрагивающие, змеи взвизгивающие, <br/>';
   p.innerHTML += 'Что за пляску, что за сказку вы затеяли во мгле? <br/>';
   p.innerHTML += 'Мглами взвихриваемыми путь забрызгивающие,<br/>';
   p.innerHTML += 'Вы закрыли, заслонили все фарватеры к земле. <br/>';
   p.innerHTML += 'Тьмами всасывающими опоясываемые, <br/>';
   p.innerHTML += 'Заметались, затерялись в океане корабли, <br/>';
   p.innerHTML += 'С неудерживаемостью перебрасываемые,<br/>';
   p.innerHTML += 'Водозмеи, огнезмеи их в пучину завлекли.<br/>';
   p.innerHTML += 'Чем обманываете вы? Не стремительностями ли<br/>';
   p.innerHTML += 'Изгибаний, извиваний длинновытянутых тел?<br/>';
   p.innerHTML += 'И заласкиваете вы не медлительностями ли<br/>';
   p.innerHTML += 'Ласк пьянящих, уводящих в неизведанный предел?<br/>';
  butOne.disabled=true;
  butTwo.disabled=false;
  butThree.disabled=false;
 }
 function Rotator(i)
 {
   if (stp==0)
   {
   var image = document.getElementById("text_out");
    var array = new Array("red","green","yellow",'LightCoral','LightSalmon','PaleGoldenrod','Fuchsia','DodgerBlue','CornflowerBlue');
    var delay = 5000; //задержка в миллисекундах
    let kadr = document.getElementById('text_out');    
    kadr.style.backgroundColor = array[i];
    i++;
    if (i == array.length) i = 0;
    setTimeout("Rotator(" + i + ")", delay);
   }
   
  }
  
  function text_out2()
  {
    var p =...