Javascript Browser Window setInterval() Method with anonymous function

Introduction

However, if you use an anonymous function, it will work in all browsers:

Click the Start button to output "Hello" once every 2 seconds.

View in separate window 

<!DOCTYPE html>
<html>
<body>
<button onclick="myStartFunction()">Start</button> 
<button onclick="myStopFunction()">Stop</button>
<p id="demo"></p>

<p id="demo2" style="color:red;"></p>

<script>
var myVar;/*from  w w  w . j  a v  a  2 s. co m*/

function myStartFunction() {
  myVar = setInterval(function(){ alertFunc("First parameter", "Second parameter"); }, 2000);
}

function alertFunc(param1, param2) {
  document.getElementById("demo").innerHTML += "Hello ";

  document.getElementById("demo2").innerHTML = "Parameters passed to alertFunc(): <br>"
  + param1 + "<br>" + param2 + "<br>";
}

function myStopFunction() {
  clearInterval(myVar);
}
</script>

</body>
</html>



PreviousNext

Related