Показать сообщение отдельно
  #1 (permalink)  
Старый 20.04.2018, 09:52
Новичок на форуме
Отправить личное сообщение для Shamil1 Посмотреть профиль Найти все сообщения от Shamil1
 
Регистрация: 13.04.2018
Сообщений: 4

Помогите решить проблему.
var canvas = document.getElementById('canvas'),
ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;


var btn1 = document.getElementById('btn1');

function drawRect() {
	var randX = Math.floor(Math.random() * (window.innerWidth + 1));
	var randY = Math.floor(Math.random() * (window.innerHeight + 1));
	ctx.fillRect(randX,randY,10,10);
}

btn1.onclick = function() {
	setInterval(function() {
		drawRect();
	},1000);
}


При клике на кнопку должен создаться квадрат в случайном месте через каждые 1 сек, а если кликать много раз уменьшается время создания т.е создается менее секунды. Как можно исправить?
Ответить с цитированием