Поток.Или как выполнить две функции одновременно

@Restomix · Регистрация: 07.05.2015

Студворк — интернет-сервис помощи студентам

Мне надо в одно время выполнить два действия. Функция которая получает координаты клика и и что рисует объект и стирает его.Можно ли это сделать в JS ( я новичок ). Если опишу ее в addEventListener у меня будет делать только при клике.Помогите.

JavaScript
1
2
3
4
5
var x =0;
example.addEventListener('click', function(event){ 
            x = event.offsetX ;
            y = event.offsetY ;   
                }, true );

@kalabuni · 24.10.2015, 19:05

метод addEventListener () позволяет добавить любое количество функций на одно событие

удостоверьтесь в этом:

HTML5
1
2
3
4
5
6
<u id="md">click</u>
<script>
var obj = document.getElementById ('md');
obj.addEventListener ('click', function (e) {alert (e.type)});
obj.addEventListener ('click', function (e) {alert (e.target.tagName)});
</script>

@Restomix · 24.10.2015, 19:09 **[ТС]**

kalabuni, Но если вторая функция будет циклическая, я не смогу выполнять первую снова.

@Fedor Vlasenko · 24.10.2015, 19:12

Restomix, подобие потоков в Js это Workers

@kalabuni · 24.10.2015, 19:26

Сообщение от Restomix

если вторая функция будет циклическая, я не смогу выполнять первую снова.

а что такое "циклическая функция"?
я таковых не знаю, чес-слово
рекурсивная, что ли?
что вам мешает навесить её первой?

@Restomix · 24.10.2015, 21:40 **[ТС]**

Это функция в которой зацикливание например: while ( true ){}.( Как бы это мое "понятия" наверное).Или же рекурсия функции, тоже самое.
Если я напишу ее первую я не смогу другую функцию выполнить по скольку будет первая выполняться.

@kalabuni · 25.10.2015, 01:27

Restomix, вложите код одной функции внутрь кода другой и запускайте по событию лишь одну функцию (вторую)

в общем, подумайте получше - решение наверняка имеется, и оно на виду, просто "у вас глаз замылился" (с) Шарапов

на всякий случай -- цикл while (true) {} используют только больные на всю голову якобы "программисты" -- нет ни одной задачи, где таковой цикл реально требуется

без обид, ибо ничего личного

@Padimanskas · 25.10.2015, 08:18

Я так понимаю задача состоит в рисовании и стирании линий(aka paint). тогда все решает архитектура будущей рисовалки. Всего-то нужно два объекта(pencil и eraser) эти два объекта(или просто функции) получают координаты курсора. В обработчике узнаем какой, в данное время, включен инструмент и выполняем соответствующий метод(функцию).

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
function pencil(x, y){
   context.globalCompositeOperation = 'source-over'; // рисуем
 //...
};
function eraser(x, y){
   context.globalCompositeOperation = 'destination-out'; // или стираем
 //...
};
canvas.addEventListener('...', function(event){ // регистрируем необходимое событие мышки
//Здесь условие переключения на нужный инструмент
  pencil(event.pageX - this.offsetLeft, event.pageY - this.offsetTop);
  eraser(event.pageX - this.offsetLeft, event.pageY - this.offsetTop);
}, false);

@Restomix · 25.10.2015, 12:11 **[ТС]**

Может и правда у меня "глаз замылился".Но все же чтобы вы меня неправильно поняли, попробую объяснить суть моей задачи.У меня является рисунок например квадрат и он имеет черный цвет через 1 секунду он меняет цвет на зеленый и снова черный (и так по циклу). Далее в это же время нужно узнавать, я кликнул по зеленому цвету квадраты или нет, и чтобы изменение цвета не зависела от клика. Как же я могу менять цвет квадрата без вечного цикла? Ну правда в нем будет "Sleep"1 секунда. Как я понимаю мне надо два потока один будет получать координаты клика другой просто менять цвет квадрата.

Новые блоги и статьи Все статьи Все блоги /
Модель микоризы: классовый агентный подход anaschu 02.01.2026 Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .	Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Programma_Boinc 01.01.2026 Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .	Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Programma_Boinc 28.12.2025 Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / ********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / ********/ gallery/ bKBkQFf Пост отсюда. . .	Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США. Programma_Boinc 26.12.2025 Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .	Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .

@Restomix 2 / 2 / 0 Регистрация: 07.05.2015 Сообщений: 79
	24.10.2015, 19:09 [ТС]
	kalabuni, Но если вторая функция будет циклическая, я не смогу выполнять первую снова. 0

@Fedor Vlasenko 936 / 693 / 236 Регистрация: 01.02.2015 Сообщений: 1,848
	24.10.2015, 19:12
	Restomix, подобие потоков в Js это Workers 0

@Restomix 2 / 2 / 0 Регистрация: 07.05.2015 Сообщений: 79
	24.10.2015, 21:40 [ТС]
	Это функция в которой зацикливание например: while ( true ){}.( Как бы это мое "понятия" наверное).Или же рекурсия функции, тоже самое. Если я напишу ее первую я не смогу другую функцию выполнить по скольку будет первая выполняться. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.10.2015, 01:27
	Restomix, вложите код одной функции внутрь кода другой и запускайте по событию лишь одну функцию (вторую) в общем, подумайте получше - решение наверняка имеется, и оно на виду, просто "у вас глаз замылился" (с) Шарапов на всякий случай -- цикл while (true) {} используют только больные на всю голову якобы "программисты" -- нет ни одной задачи, где таковой цикл реально требуется без обид, ибо ничего личного 0

@Restomix 2 / 2 / 0 Регистрация: 07.05.2015 Сообщений: 79
	25.10.2015, 12:11 [ТС]
	Может и правда у меня "глаз замылился".Но все же чтобы вы меня неправильно поняли, попробую объяснить суть моей задачи.У меня является рисунок например квадрат и он имеет черный цвет через 1 секунду он меняет цвет на зеленый и снова черный (и так по циклу). Далее в это же время нужно узнавать, я кликнул по зеленому цвету квадраты или нет, и чтобы изменение цвета не зависела от клика. Как же я могу менять цвет квадрата без вечного цикла? Ну правда в нем будет "Sleep"1 секунда. Как я понимаю мне надо два потока один будет получать координаты клика другой просто менять цвет квадрата. 0