@bntiii
Начинаю изучение.Поехали.

Как решить проблему с задержкой мигания jQuery?

Ребят,сделал функцию,но цвета выпадают рандомна и из-за этого идёт задержка.Как убрать этот рандом?Ломаю голову.Посоветовали проверку на повторяющиеся значения,но я ток начал изучать jQuery.Помогите переписать код,буду признателен.

var backgroundInterval;
var interval = 1000;
var letters = ['000000','FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF','C0C0C0'];
var start = function() {
	backgroundInterval = setInterval(function(){
        var color = '#'; 
        color += letters[Math.floor(Math.random() * letters.length)];
        $("#box").css("background-color", color);
        $('#myAudio').trigger("play");
      }, interval); 
	  console.log('Начато');
};
var stop = function() { clearInterval(backgroundInterval); };



$(document).ready(function () { 
	$("#intm").hide();
	$("#intp").hide();
	
    $("#go").click(function() {    	
		$("#intm").show();
		$("#intp").show();
	
		if ( $( this ).hasClass( "clicked" ) ) {		  
			stop();
			$('#myAudio').trigger("pause");
			$(this).text("Старт");
			console.log('Сброшено');
			$("#box").css("background-color", "FFFFFF");
			$("#intm").hide();
			$("#intp").hide();
		} else {
			start();
			$(this).text("Сброс");
	  
		}
    
		$(this).toggleClass("clicked"); 

	}); 

	$("#intp").click(function() {  
		interval += 1000;
		console.log(interval);

		if(interval <= 0) {
			$("#intm").hide();
		} else {
			$("#intm").show();
	    }
	  
		stop();
		start();
	  }); 

	  $("#intm").click(function() { 
		interval -= 1000;
		console.log(interval);

		if(interval <= 0) {
			$("#intm").hide();
		} else {
			$("#intm").show();
		}
	  
		stop();
		start();
	  });  
    
});
  • Вопрос задан
  • 99 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы