Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → JavaScript, TypeScript, ECMAScript → Чому не працює нескінченна анімація
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися
я ще вчуся, і ось пару днів як застряг над питанням, як зробити нескінченну анімацію саме на js, а саме питання в данний момент в тому що не працює setInterval, ось ссилка на мій код в пісочниці, там побачете червону смужку, вона чомусь не хочє нескінченно обертатись
https://codepen.io/sponge_yan/pen/XeaavJ
Якщо цікавить готове рішення, то є спеціальний плагін.
http://jqueryrotate.com/
так ви встановлюєте транзішн і трансформ поворота для елементу в стані спокою, дивно, що воно навіть один раз так робить.
Саме на js ви можете то все зробити просто змінюючи кут повороту кожні 20мс, наприклад
https://jsfiddle.net/ec626nfo/
(тут елемент обирається через jQuery, але то мона легко зробити і на ванільному js)
Але ви ж юзаєте jQuery, а в ньому є свої спеціальні методи для анімації. Читайте про jQuery, і там все буде (я ще з ним не працював особливо).
А озьдо чисто js https://jsfiddle.net/ec626nfo/1/
я не розумію чому так відбувається, але дякую 
а саме я не розумію цього "deg++"
то ви навіть інкрементів не знаєте?
а є ще ось так --deg і таке deg-- і таке ++deg
ну то воно повертає значення deg і збільшує його на 1, так що при слідуючому виклику тої хвункції воно вже буде на 1 більшим
нескінченну анімацію саме на js,
https://codepen.io/sponge_yan/pen/XeaavJ
Так на чистому JS чи на jQuery?
Можна для прикладу ось так :
var deg = 10;
setInterval(function () {
deg += 2;
$(".poloska").css('transform', 'rotate(' + deg + 'deg)');
}, 10);ні, я не вірно виразився, я розумію інкременти, я не розумію чому в даної функціі треба це писати, тобто setInterval це як цикл?
yan.volkovich написав:нескінченну анімацію саме на js,
https://codepen.io/sponge_yan/pen/XeaavJТак на чистому JS чи на jQuery?
Можна для прикладу ось так :var deg = 10; setInterval(function () { deg += 2; $(".poloska").css('transform', 'rotate(' + deg + 'deg)'); }, 10);
на jQuery, але в jQuery ж нема альтернативи setInterval ? ну тобто, як по іншому написати теж саме але на jQuery
setInterval то просто виклик функції через заданий проміжок часу
погугліть animate від jQuery
на jQuery, але в jQuery ж нема альтернативи setInterval ? ну тобто, як по іншому написати теж саме але на jQuery
На jQuery ось так і написати, проте, якщо вам просто потрібно крутити елемент вічно то все набагато легше CSS:
...
animation-iteration-count: infinite;
...
@keyframes xxx{
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
...
я гуглив animate, але в мене нічого не вийшло, може ви мені покажете як теж саме зробити через animate? через css я знаю як зробити, але мені дуже цікаво як зробити через jQuery, це для того щоб краще розуміти jQuery. я так вчуся
yan.volkovich написав:на jQuery, але в jQuery ж нема альтернативи setInterval ? ну тобто, як по іншому написати теж саме але на jQuery
На jQuery ось так і написати, проте, якщо вам просто потрібно крутити елемент вічно то все набагато легше CSS:
...
animation-iteration-count: infinite;
...
@keyframes xxx{
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
...
ще ім'я треба і тривалість, і функцію інтерполяційну мона змінити на лінійну. бо ease-in по замовчуванню, здається
я гуглив animate, але в мене нічого не вийшло, може ви мені покажете як теж саме зробити через animate? через css я знаю як зробити, але мені дуже цікаво як зробити через jQuery, це для того щоб краще розуміти jQuery. я так вчуся
Так приклад написаний ж на jQuery. Animate виконуэ анімацію протягом певного часу ось і все.
Сторінки 1
Для відправлення відповіді ви повинні увійти або зареєструватися