starting again cleared Interval

[Matej]

Hi i have script

<p id="lol" onmouseover="zmena()" onmouseout="sopka()">ahoj</p>

var x=document.getElementById("lol");var start;var zacni=0;function zmena(){if(x.innerHTML=="ahoj"){x.innerHTML="cau"}else if(x.innerHTML=="cau"){x.innerHTML="hi"}else if(x.innerHTML=="hi"){x.innerHTML="ahoj"} zacni=1;} function sopka(){x.innerHTML="ahoj";zacni=0} function timing(){if(zacni){start=setInterval(function(){zacni()},1000);}else{clearInterval(start);}} window.onload=timing;

I wanna start again chaning of changing innerHTML on mouseover , but it doesnt work can someone help?

Edited June 20, 2014 by Matej

[thescientist]

it's hard to read your code. can you indent and format it a little bit?

 

also, are you checking for errors? what is happening? does anything change? please be specific.

[Hadien]

You mean like this?

<p id="lol">ahoj</p>

var inner = ["ahoj","cau","hi"],int_ID; function startCycle(){  var i=0, self = this,      looper = function(){    i= (++i%inner.length);    self.innerHTML = inner[i];  };  int_ID = setInterval(looper,1000);} function endCycle(){    this.innerHTML = inner[0];    clearInterval(int_ID); } window.onload = function(){  var x=document.getElementById("lol");  x.onmouseover = startCycle;  x.onmouseout = endCycle;};