Ограничение на одновременный вызов функции / HTML, JavaScript, VBScript, CSS

ReSQL.ru

Мобильная версия Контакт Правила FAQ Помощь

Гость

Войти | Регистрация | Профиль | Очистить

Новые сообщения | Избранное

Форумы | Пользователи | Статистика | Мод. лог | Поиск

Цитировать

Написать

Автор*:

Ввести пароль для входа

Тема*:

Сообщение

Данное сообщение тематическое

Сообщение содержит картинки или видео 18+

Автор:

ВНИМАНИЕ! На данном подфоруме действуют строгие правила. Удостоверьтесь, что ваше сообщение соответствует им!

Форум или тема закрыты для гостей. Необходима авторизация!

Загрузить последнюю сохраненную версию

Вложение:

Вставить как галерею

Максимальный размер вложений: 4,0 МБ, аудио/видео: 8,0 МБ. Картинки большего размера ужимаются, если возможно.

Введите код, изображенный на картинке. Если код нечитаемый, кликните картинку, чтобы загрузить другой вариант.

Отправляя сообщение, я выражаю свое согласие с правилами форума и принимаю пользовательское соглашение.

Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ограничение на одновременный вызов функции

13 сообщений из 13, страница 1 из 1

Ограничение на одновременный вызов функции

#39106675

zalsily

Гость

Добрый день.

Никак не могу найти решение для задачи:

есть селект с опшионами. Селект подвязан на событие onchange.

Код: html

1.
2.
3.
4.
5.

<select id="myselect" onchange="SetVal(this);">
	<option value="-1">-1</option>
	<option value="2" class="cat0">2</option>
	<option value="5" class="cat1">5</option>
</select>

В методе-обработчике этого события получаю доступ к выбранному опшиону и далее провожу с ним манипуляции.

Код: javascript

1.
2.
3.
4.
5.
6.
7.

function SetVal(sender) {
//получаем значение выбранного селекта
var sender_v = sender.value;
$("#div").append("<div>" + sender_v + "</div>");
}

//на выходе должна быть картина вроде: <div>-1</div><div>5</div><div>-2</div><div>5</div><div>-1</div>

Проблема в том, что если очень быстро клацать по опшионам в этом селекте, то пока работа метода предыдущего вызова дойдет до конца, вызывается уже новое событие и в этом методе старые данные частично заменяются новыми и получается на выходе несоответствие реальным данным.

В итоге, если быстро "бегать" по опшионам селекта, то получим что-то типа такого результата:

Код: html

<div>-15</div><div>2-1</div><div>52-1</div>

Как закрыть выполнение функции в нить (поток)? Или как ограничить одновременную работу функции в 1? Или как оградить использование переменной? Или как начинать выполнять функцию только после того, как дождемся завершения предыдущего её выполнения?

Прикрутка функции setTimeout не помогла.

Как в такой ситуации поступить?

...

Рейтинг:

0 / 0

18.11.2015, 14:37

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39106701

skyANA

Участник

Откуда: Зеленоград

Сообщения: 22 795

Рейтинг: 0 / 0

Микропаттерны оптимизации в Javascript: декораторы функций debouncing и throttling

...

Рейтинг:

0 / 0

18.11.2015, 14:47

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39106720

zalsily

Гость

Спасибо, похоже ОНО, но не могу понять как его грамотно прикрутить

...

Рейтинг:

0 / 0

18.11.2015, 14:53

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39106841

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

zalsilyПрикрутка функции setTimeout не помогла.
Так смотря как ты это сделал... Где пример?

...

Рейтинг:

0 / 0

18.11.2015, 15:51

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39106868

zalsily

Гость

Код: javascript

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

function DdlChange(sender)
{
   //ставим задержку в 850 мс если быстро выбирать селекторы списка,
   //то в див попадает несколько значений
   setTimeout(function () 
   {
      function SetVal(sender) 
      {
         //получаем значение выбранного селекта
         var sender_v = sender.value;
         $("#div").append("<div>" + sender_v + "</div>");
      }
   }, 850);
}

...

Рейтинг:

0 / 0

18.11.2015, 16:09

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39107358

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

Сделал вместо тебя пример...

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function SetVal(sender) {
	//получаем значение выбранного селекта
	var sender_v = sender.value;
	$("#div").append("<div>" + sender_v + "</div>");
};
</script>
</head>
<body>
<select id="myselect" onchange="SetVal(this);">
	<option value="-1">-1</option>
	<option value="2" class="cat0">2</option>
	<option value="5" class="cat1">5</option>
</select>
<div id='div'></div>
</body>
</html>

Как ни клацал по селекту, ну никак не мог получить тот эффект, что ты описал вначале...
Все дивы вставляются с тем значением value, что я выбирал. Никакого "совмещения" не происходит.

...

Рейтинг:

0 / 0

19.11.2015, 08:28

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39107547

zalsily

Гость

У меня твой пример 100% также работает, в смысле при очень быстром клацанье по элементам списка иногда проскакивает на выходе два значения.

Для того, что бы все-таки заметить проявляющийся описанный выше эффект, добавим еще логики в код-обработчик:

Код: html

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function SetVal(sender) {
	//получаем значение выбранного селекта
	var sender_v = sender.value;
        //получаем текст выбранного селекта
        var sender_t = $("#myselect" + " option:selected").text();
        var strdoted = sender_t.split("");
        for (var i = 0; i < sender_t.length; i++) {
           if (strdoted[i] == "=") {
               strdoted[i] = "";
           }
           else
               break;
           }
        sender_t = strdoted.join("");
	$("#div").append("<div>" + [color=red]sender_t[/color] + "</div>");
};
</script>
</head>
<body>
<select id="myselect" onchange="SetVal(this);">
	<option value="-1">-1</option>
	<option value="=================Длинная строка первого элемента" class="cat0">=================Длинная строка первого элемента</option>
	<option value="======================А это оооочень длинная строка второго элемента" class="cat1">======================А это оооочень длинная строка второго элемента</option>
        <option value="=============================А это самая длинная строка третьего элемента" class="cat1">=============================А это самая длинная строка третьего элемента</option>
</select>
<div id='div'></div>
</body>
</html>

В итоге можем получить что-то вроде такого:

Код: html

<div>Длинная строка первого элемента======================А это оооочень длинная строка второго элемента</div><div>А это самая длинная строка третьего элемента</div>

И тут можно долго "колдовать" что б забить еще логики для "тормозов" метода с целью все же заставить почаще давать "сбои". Вопрос мой лишь в том, как уйти от ситуации, когда один и тот же метод "SetVal" можно было вызывать лишь после того, как его предыдущий вызов полностью отработает. В серверных языках программирования есть такое понятие "безопасный код", "ограничение на доступ к переменной, методу" и т.п. Вот как тут что-то подобное прикрутить???

...

Рейтинг:

0 / 0

19.11.2015, 11:44

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39108581

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

zalsily , пример твой не запускал... Но!
Передавай в обработчик не ссылку на селект, а сразу значение селекта.

...

Рейтинг:

0 / 0

20.11.2015, 09:55

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39108588

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

zalsilyВопрос мой лишь в том, как уйти от ситуации, когда один и тот же метод "SetVal" можно было вызывать лишь после того, как его предыдущий вызов полностью отработает.
Если говорить об обработчиках событий, как в твоем случае, так они вызываются только в момент наступления своих событий. "Ждать чего-то" они не станут. Но выполняться начнут после получения управления.
Напомню, что JS не является языком реального времени. Программные "блоки" получают управление по мере "высвобождения очереди". Если система сильно загружена, то возможно паузы и не соответствия размеров таймаутов.

Но порядок "следования" при выполнении не меняется. Что запущено ранее - получит управление ранее.

...

Рейтинг:

0 / 0

20.11.2015, 10:03

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39108615

Гость

zalsilyИ тут можно долго "колдовать" что б забить еще логики для "тормозов" метода с целью все же заставить почаще давать "сбои". Вопрос мой лишь в том, как уйти от ситуации, когда один и тот же метод "SetVal" можно было вызывать лишь после того, как его предыдущий вызов полностью отработает. В серверных языках программирования есть такое понятие "безопасный код", "ограничение на доступ к переменной, методу" и т.п. Вот как тут что-то подобное прикрутить???Метод никак не может быть вызван до того, как предыдущий вызов завершился. Вы неправильно понимаете, что происходит. Не делайте так

Код: javascript

var sender_t = $("#myselect" + " option:selected").text();

и все будет хорошо. Это вызов по какой-то причине вернул вам несколько строк.

...

Рейтинг:

0 / 0

20.11.2015, 10:21

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39109035

zalsily

Гость

А как тогда в другой способ правильно получить текст выбранного элемента???

...

Рейтинг:

0 / 0

20.11.2015, 14:18

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39109109

Гость

zalsilyА как тогда в другой способ правильно получить текст выбранного элемента???

Код: javascript

sender_t = sender.options[sender.selectedIndex].text

...

Рейтинг:

0 / 0

20.11.2015, 15:03

| Ответить | Цитировать | Написать

Ограничение на одновременный вызов функции

#39110567

krvsa

Участник

Откуда: г Волжский

Сообщения: 13 823

Рейтинг: 1 / 0

zalsilyА как тогда в другой способ правильно получить текст выбранного элемента???
Передавай его сразу в обработчик, вместо ссылки на элемент.

...

Рейтинг:

0 / 0

23.11.2015, 08:18

| Ответить | Цитировать | Написать

13 сообщений из 13, страница 1 из 1

Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Ограничение на одновременный вызов функции

Читали тему (0):

Читали форум (0):

Пользователи онлайн (0):

start [/forum/topic.php?fid=22&msg=39108615&tid=1445618]:	0ms
get settings:	8ms
get forum list:	14ms
check forum access:	3ms
check topic access:	3ms
track hit:	149ms
get topic data:	8ms
get forum data:	2ms
get page messages:	38ms
get tp. blocked users:	1ms
others:	244ms

total:	470ms

	Необходимые cookie
	Cookie для сбора статистики
	Cookie для маркетинга и рекламы