Question

Here is my code:-

function myFunction1()
{
current && aus[current].animate({fill: "#fff", stroke: "#999"}, 200) && (document.getElementById(current).style.display = "");
st.animate({fill: "#ccc", stroke: "#000"}, 200);
R.safari();
document.getElementById(state).style.display = "block";
current = state;
}

function myFunction2()
{
st.animate({fill: "#fff", stroke: "#999"}, 200);
R.safari();
document.getElementById(state).style.display = "";
}

setInterval(function() {
myFunction1();
alert("MOVE"); 
myFunction2();
}, 2000);

The thing i am doing were is executing two functions step by step with respect to time… So, i used setInterval event for it, myFunction1() is a function to show color and stroke appearance of a path of a raphaeljs code and myFunction2() is a function to hide color and stroke appearance of a path…

But when calling these function like that does work any how… On alert between the functions may show the result but not like that as i wanted, how to fix this ???

Answer 1

Please try this:

var intervalFunctions = [ myFunction1, myFunction2 ];
var intIndex = 0;

window.setInterval(function(){
  intervalFunctions[intIndex++ % intervalFunctions.length]();
}, 2000);

OR

function1() {

      ....

  function2() //<<========== call here once function1() is executed 
}

function2() {

     ....
}

Image Victoria and Tasmania
Victoria

Tasmania