Как создать цикл событий в jQuery?

Question

[Артур Арутюнян]

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

$(document).ready(function() {  // 1 строка
	var atr = ['Убери руки от моего коробля!!', 'Ты об этом пожалеешь', 'Врот мне ноги, ты тупой да?']
	if(typeof(i) == 'undefined' || i > atr.length) i = 0;
    $(".sokol").mouseover(function (){  // 2 строка
    $(this).attr('title', atr[i]); //3 строка
    });
    $(".sokol").mouseout(function (){
    $(this).attr('title', atr[i + 1]);
    });
});

Answer 1

[Андрей Охотников]

Вот так

$(document).ready(function() {  
  var atr = ['Убери руки от моего коробля!!', 'Ты об этом пожалеешь', 'Врот мне ноги, ты тупой да?']
  var i = 0
  $('.sokol').attr('title', atr[i]);
  
  $(".sokol").mouseover(function (){
    i = i + 2 > atr.length ? 0 : i + 1
    $(this).attr('title', atr[i]);
  });
  
});

Comments

[Артур Арутюнян]

А если будет 5 или 10 комментариев? то где менять край счетчика?

[Андрей Охотников]

Артур Арутюнян, все само поменяется, ничего не надо трогать)

[Артур Арутюнян]

Андрей Охотников, Спасибо большое, не совсем ясна логика это строчки: i = i + 2 > atr.length ? 0 : i + 1
Но это наверное потому что я ничерта не знаю в JS))))) в любом случае код работает, спасибо большое

[Андрей Охотников]

Артур Арутюнян, в это строчке мы проверяем не выходит ли следующий элемент за границы массива. Если выходит то мы сбрасываем i на 0 и начинаем перебор заново, а если не выходит то берем следующий элемент

[Артур Арутюнян]

Андрей Охотников, ясно, спасибо понял)))) я просто делаю тестовое задание для попадания на первую работу, и стоит много сложных для моего уровня задач, и нужен креатив и фишки и многое дрегое, а я толком ничего не знаю кроме HTML и CSS, чуточку JS и то плавая. Вообще изначально была идея реализовать перемещение и исчезновение блока с кораблем после 10 наведения на блок (ну IF ELSE и все дела) но пока такое не смогу сделать, я крутящуюся планету и то с трудом сделал через canvas и реконструкцию чужого кода

[Андрей Охотников]

Артур Арутюнян, тебе поможет моя группа для подготовки к собеседованиям :)

[Артур Арутюнян]

Андрей Охотников, Большое спасибо, но я уже попал к ним на собеседование, и я ищу работу стажора, с моими то скудными знаниями, однако буду иметь ввиду, спасибо за помощь!!!

Answer 2

[Максим Тимофеев]

У Вас i взялась из воздуха, поэтому она всегда == 'undefined'
Так что смело можно

if(typeof(i) == 'undefined' || i > atr.length) i = 0;

выкинуть и оставить
var i = 0;

Вам точно нужен mouseover, а не mouseenter или вообще hover?

Comments

[Артур Арутюнян]

вообще глобальная идея в том чтобы менялась подсказка, в идеале сделать так чтобы после 10 раза вылезла фраза 'Чуи летим отсюда' и корабль улетел))) но я такое врятли могу сделать, хотя сложностей тоже не вижу в реализации - другое дело что я JS пока не знаю - это другой момент

кстати как сделать новую функцию при достижения счетчика до максимума?

[Максим Тимофеев]

Артур Арутюнян, какого счетчика?

[Артур Арутюнян]

Максим Тимофеев, счетчика конца массива, чтобы когда пользователь дошёл до конца массива то мой блок плавно улетел вверх (это блок с кораблем космическим), сейчас же счетчик обнуляется при достижении максимума как я понял

i = i + 2 > atr.length ? 0 : i + 1

[Максим Тимофеев]

Артур Арутюнян,

чтобы когда пользователь дошёл до конца массива

каким образом пользователь перебирает массив?

[Артур Арутюнян]

Максим Тимофеев, Срабатывает счетчик при наведении или отведении курсора на блок, сейчас у меня при отведении срабатывает, вот такой код подсказали ребята

$(document).ready(function() {  
  var atr = [
   'Ты об этом пожалеешь! Не будь я Ханом Соло',
   'Убери руки от моего коробля!!', 
   'Врот мне ноги, ты тупой да?', 
   'Вот почему я ненавижу Джедаев, вечну суют свою мышку куда попало', 
   'Послушай, такими темпами ты плохо кончишь',
   'У тебя что лазерный меч застрял в заднице?',
   'Хочешь организую встречу с богами?? Мой бластер нам поможет',
   'Боже какой ты настырный, может хватит тыкать в меня долбанной мышкой?',
   'Чуи, погляди, мы нашли его, это самый любопытный идиот из всех что нам попадались'
   ]
  var i = 0
  $('.sokol').attr('title', atr[i]);
  
  $(".sokol").mouseover(function (){
    i = i + 2 > atr.length ? 0 : i + 1
    $(this).attr('title', atr[i]);
  });
  
});

[Артур Арутюнян]

Максим Тимофеев, сейчас массив из 9 элементов, надо сделать его не зацикленным и при наведении в 10 раз чтобы блок плавно улетел на вверх)))

Но не беспокойтесь, это просто мои фантазии, не тратьте времени если Вас это не заинтересовало так же как меня

[Максим Тимофеев]

Артур Арутюнян,
i = i + 2 > atr.length ? someMyFunc(this) : i + 1

[Артур Арутюнян]

Максим Тимофеев, а это чего такое простите someMyFunc(this)?

[Максим Тимофеев]

Артур Арутюнян, какая-то Ваша функция в которой Вы реализуете "блок плавно улетел на вверх"
подробнее тут: https://learn.javascript.ru/function-basics

[Артур Арутюнян]

Максим Тимофеев, Спасибо большое Максим сан, я допилю два тестовых задания и приступлю к глубокому изучению JS и JQuery