2010-05-30 4 views
1

Я создаю цвет фона анимации с JQuery и цветовой анимации плагин http://plugins.jquery.com/project/colorЗапуск функции в бесконечном цикле

Как есть функция пребывания в цикле повторяется каждый раз, когда он закончит работу? Я пробовал это, но это не помогло:

function colorLoop(){ 
    $("#window") 
    .animate({ backgroundColor: "orange" }, 11000) 
    .animate({ backgroundColor: "violet" }, 1000) 
    .animate({ backgroundColor: "red" }, 1000, colorLoop); 
    }; 

ответ

0

Вы только создали функцию, но не назвали ее. Stick colorLoop(); между }; и });. Кроме того, вы действительно не должны использовать jQuery для такого рода вещей.

+0

я попытался это но это не помогло мне. Позаботьтесь о том, почему я не должен использовать jQuery? – Zac

+0

Это зависит от контекста вашей аудитории. Вам нужна поддержка IE? Если да, продолжайте работу с jQuery. Если вы этого не сделаете, лучше разработать собственные стандарты, если вы используете собственные функции и сможете грамотно деградировать в других браузерах, таких как IE. Подробнее об этом на моем сообщении в блоге: http://azabani.com/51 –

+0

Пожалуйста, скажите мне, с какой ошибкой вы столкнулись; Я был бы рад помочь. –

0

Используйте петлю, не вызвать функцию, есть хороший pulgin для Jquery:

Download Link

<script type= "text/javascript" src="jquery.timers-1.1.2.js" ></script> 
    $("#window").everyTime(10, function(){ 
     $("#window") 
     .animate({ backgroundColor: "orange" }, 11000) 
     .animate({ backgroundColor: "violet" }, 1000) 
     .animate({ backgroundColor: "red" }, 1000, 'swing'); 
     }; 
    }); 

Это будет повторять фон анимации ...

+4

что не так с родным window.setInterval – redsquare

+0

Ничего, это чистый Javascript и представленное мной решение использует JQuery (поскольку ваш пример был в JQuery) :) – Zuul

+0

errr jquery - это javascript, но нет необходимости включать «другой 'плагин, который просто обертывает что-то настолько простое, что это стандартный кросс-браузер – redsquare

Смежные вопросы