За сколько миллисекунд происходит duration картинки на слайдере bootstrap-carousel?

Question

[Никита Кит]

Привет, бессонные, не смыкающие глаз, кодеры.
Никак не могу измерить - сколько времени происходит перемена слайдера на бутстрапе.
Суть в том что на слайдере схемы космических кораблей. Я кейфреймами подгоняю под каждую схему появление-исчезание блоков с обозначением элементов корабля. Поэтому хочу всё высчитать до миллисекундочки, чтоб на 50й-100й-1000й прокрутки анимации не сбились в тайминге. Вроде бы всё высчитал, погрешность только во времени прокрутки схем на слайдере (по идее в районе от 0.3 до 0.6 сек, но я хочу точные данные)

Кто сию инфу знает, прошу незамедлительно сообщить ответом! С наилучшими благодарностями и пожеланиями

Comments

[OVK2015]

Вряд ли в js setInterval гарантировано отработает именно в нужную вам мс

[Никита Кит]

OVK2015: я не спрашивал про setInterval. Я вообще не использую скрипты в анимации. Читай, плз, внимательнее

[OVK2015]

Никита Кит: Вы скрипты может и не используете, а bootstrap использует:
Вот из Bootstrap: carousel.js v3.3.6
&& (this.interval = setInterval($.proxy(this.next, this), this.options.interval))

[Никита Кит]

OVK2015: ок, да, я в курсе, что на стотысячной прокрутке анимашка собъётся на 5 миллисекунд, плевать - это уже трудности низкоуровненые. мне нужно знать какое значение принимает этот setInterval, не могу найти в исходнике карусели

[OVK2015]

Никита Кит:

Carousel.DEFAULTS = {
    interval: 5000,
    pause: 'hover',
    wrap: true,
    keyboard: true
  }

[Никита Кит]

OVK2015: это delay interval. мне нужен был duration interval. решили уже))

[OVK2015]

Никита Кит:

вы что, издеваетесь все? вы видите разницу между делэем и дюрэйшеном????? Я ПРО ДЮ-РЭЙ-ШЕН!

После вашего эмоционального комментария, намного легче между строк читать стало )))

[Никита Кит]

OVK2015: в этом комменте всего одна строка.....))))

Answer 1

[Андрей Малиновский]

Есть вот такой вариант

NEW EDIT 20/8/2015 Now, after you edit your css file, you just need to edit CAROUSEL.TRANSITION_DURATION (in bootstrap.js) or c.TRANSITION_DURATION (if you use bootstrap.min.js) and to change the value inside it (600 for default). The final value must be the same that you put in your css file( for example 10s in css = 10000 in .js)

P.S. Такое ощущение, что вопрос никто не читал )))

Comments

[Никита Кит]

наконеееееец-то!!!!! спасибо, ман, огонь, красавчик. хоть кто-то задержку и проигрывание отличает

[Никита Кит]

600ms for default, я почти угадал)))

Answer 2

[Cyber_bober]

по умолчанию 5 секунд, можете задать свое значение в миллисекундах при инициализации

$('.carousel').carousel({
  interval: 2000
})

З.Ы. Вообще OVK2015 прав. Анимацию лучше запускать во время появления слайда, методы для определения этого есть.

Comments

[Никита Кит]

вы что, издеваетесь все? вы видите разницу между делэем и дюрэйшеном????? Я ПРО ДЮ-РЭЙ-ШЕН!

Answer 3

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

Все default значения bootstrap есть в доках:
getbootstrap.com/javascript/#carousel-options
черным по белому написано 5000 ms

Comments

[Никита Кит]

я про делэй не спрашивал. я его на 9 секунд, во-первых, выставил, а не по 5, как на дефолте. я спрашиваю про время прокрутки. не про задержку времени прокрутки а про время прокрутки

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

Никита Кит: Так это зависит от скорости выполнения скриптов в браузере пользователя. Это динамическая величина.

[Никита Кит]

Максим Тимофеев: ненене она одна, ибо ширина слайдера фиксированная и мне её нужно узнать. ширина слайдера, как и картинок внутри - 620 пикселей. с каруселью я не впервые вожусь. она дюрэйшен всегда ставит один и тот же

[Никита Кит]

Максим Тимофеев: любая анимация - это определённое время проигрывания. не может оно быть хаотично-разным. иначе у меня бы вообще ничего не получалось. а так я подгадал. но не полностью. через 2 с половиной часа синхронизация сбилась