javascript - 限制功能在特定时间后运行

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次，我想显示警报。然后该功能将停止（无法单击）。怎么做

最佳答案

维护全局变量，例如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 ++;


}

小提琴：https://jsfiddle.net/qbevnvjj/

关于javascript - 限制功能在特定时间后运行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41604720/