javascript - 限制函数在特定时间后运行

Question

var change= document.getElementById("change");
var color= document.getElementById("color");
var result=document.getElementById("result");

function changecolor(){
    change.addEventListener("click",randomColor());
}
function randomColor(){
  for(var i=0; i<1000; i++){
    var randomColor ='#'+Math.random().toString(16).substr(2,6);
    color.style.background=randomColor;
    result.innerHTML="current color is"+randomColor;
  }
}

https://jsfiddle.net/z9yu3tjm/

我有类似的函数来生成随机颜色。每次点击都会生成随机颜色。如果该函数运行 5 次，我想显示警报。并且该功能将停止(无法单击)。如何做到这一点

Answer 1

维护一个全局变量，例如count

var count = 1;

function randomColor(){ 
   if(count >5){ 
      return;
   }  
  for(var i=0; i<1000; i++){
    var randomColor ='#'+Math.random().toString(16).substr(2,6);
    color.style.background=randomColor;
    result.innerHTML="current color is"+randomColor;
  }
  count ++;


}

fiddle :https://jsfiddle.net/qbevnvjj/