<!DOCTYPE html>
<html lang="en-US">
<body>
<button onclick="myStart()">start</button>
<button onclick="myStop()">stop</button>
<p id="point"></p>
<script>
var x = document.getElementById("point");
var num = 0;
var globalID = "";
function myFunction(){
num += 1
x.innerHTML = num;
globalID = requestAnimationFrame(myFunction);
}
function myStart(){
globalID = requestAnimationFrame(myFunction);
}
function myStop(){
cancelAnimationFrame(globalID);
}
</script> </body>
</html>