2

Помогите понять пример, а именно: что это за вызов функции с первым аргументом в виде фигурных скобок? Это в аргумент передаёт объект, или что-то типа того?(можно даже ссылкой где почитать про такое).

Про само движение элемента по окружности вроде как все понятно. Единственно что интересно, как бы задать в функции, чтоб центр окружности находился в центре элемента. Наверное this.offsetX, У?

Вызывают в примере функцию так:

<div class="css" onClick="animation({}, this);"></div>

Сама функция (комментарии в функции не мои):

function animation(args, elem) { // некоторые аргументы определим на будущее
    var $ = {
        radius  :     250, // радиус окружности 
        speed   :     20 // скорость/задержка ( в js это мс, например 10 мс = 100 кадров в секунду)
    }
    var f = 0;
    var s = 2 * Math.PI / 180; //Вычислим угол
    setInterval(function() { // функция движения 
        f += s; // приращение аргумента
          elem.style.left =  235 + $.radius * Math.sin(f)  + 'px'; // меняем координаты элемента, подобно тому как мы это делали в школе в декартовой системе координат. Правда, в данном случае используется полярная система координат, изменяя угол
          elem.style.top =   235 + $.radius * Math.cos(f) + 'px';
    }, $.speed)
}
3
  • если добавите рабочий пример кода, на jsfiddle например, дополню ответ про центр окружности. Если центр окружности будет находиться в центре элемента, то как он будет по ней двигаться?
    – Grundy
    10 дек 2015 в 10:27
  • С мобильного это очень сложно, рабочий комп не пускает на разные такие сайты. Потому и ошибки в форматирования. Центр окружности то будет браться относительно координат центра элемента, но двигаться элемент то будет по окружности.
    – Sumson
    10 дек 2015 в 10:47
  • Когда появится возможность - дополните, и я обновлю ответ
    – Grundy
    10 дек 2015 в 10:48

1 ответ 1

4

Да, в этом случае передается, новый пустой объект.

Подробнее можно почитать в справке: литерал object

Литерал object — это список из нуля или более пар, состоящих из имен свойств и связанных с ними значений, заключенный в фигурные скобки ( {} ).
Вам не следует использовать литерал object в начале выражения, т.к. это приведет к ошибке или к поведению, которого вы не ожидаете, потому что символ "{" будет интерпретироваться как начало блока.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.