Как сделать скорость анимации кубика 2 секунды ,а продолжительность 15 секунд?

Для установки скорости анимации и продолжительности выполнения в JavaScript вы можете использовать CSS-свойства transition и animation.

1. Используя CSS-свойство transition, вы можете установить скорость анимации. Для установки скорости 2 секунды, вы можете использовать следующий код:

#cuboid {
  transition: transform 2s;
}

Этот код применяет плавный переход на свойство transform (например, поворот, масштабирование или смещение) в течение 2 секунд.

2. Для установки продолжительности анимации в 15 секунд вам понадобится использовать CSS-свойство animation. Вот пример кода:

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

#cuboid {
  animation: spin 15s infinite linear;
}

В этом примере мы создали анимацию spin, которая поворачивает элемент с 0 градусов на 360 градусов. Затем мы применили эту анимацию к элементу с идентификатором cuboid. Анимация будет продолжаться в течение 15 секунд (15s), бесконечно (infinite), с линейным временем (linear).

Итак, чтобы сделать скорость анимации кубика 2 секунды и продолжительность 15 секунд, вам нужно применить оба этих CSS-правила к вашему элементу.

Ниже приведен пример, как можно применить данные стили к элементу c использованием JavaScript:

const cuboid = document.getElementById('cuboid');
cuboid.style.transition = 'transform 2s';
cuboid.style.animation = 'spin 15s infinite linear';

Обратите внимание, что вам нужно будет добавить элемент на вашу страницу с id cuboid и стили в ваш стилевой файл или в элемент <style>.