Вложенная анимация JQuery с полными настройками времени

Question

Вложенная анимация JQuery с полными настройками времени

0

У меня есть следующая анимационная установка в JQuery, я хочу, чтобы непрозрачность медленно поднималась до 100% за 4 секунды, а после этого быстро уменьшалась до 0%. Результат, который я вижу, - это противоположность, быстрая непрозрачность и медленное увядание. Какая моя ошибка?

    $(motorProtectionElementWarning).animate({
        opacity:1,
        duration: 4000
    },{
        complete: function(){ $(motorProtectionElementWarning).animate({opacity:0},1000);}
    },5000);

David Karlsson 18 дек. 2013, в 11:17

Источник

1

Что должно делать 5000 ? Проверьте ваш синтаксис, продолжительность не должна быть помещена в анимированные свойства объекта
A. Wolff 18 дек. 2013, в 09:39

Теги:

javascript

jquery

css

2 ответа

0

Я редактирую код и его работу.

  $(".test").animate({
      opacity:0,
      duration: 10000
  },{
      complete: function(){
      $(".test").animate({opacity:1},5000);}
  },5000);

протестируйте его: http://jsfiddle.net/mehmetakifalp/m75YU/

mehmetakifalp 18 дек. 2013, в 07:02

Ещё вопросы

Что должно делать 5000 ? Проверьте ваш синтаксис, продолжительность не должна быть помещена в анимированные свойства объекта

Patsy Issa · Accepted Answer · 2013-12-18T06-44-00.000Z

Сделайте это с помощью этого синтаксиса:

 $(motorProtectionElementWarning).animate({
    opacity:1,
 }, 4000, function(){
    $(motorProtectionElementWarning).animate({opacity:0},1000);
 });